uni-app中封装request请求，简单易懂

1.uni-app 是一个vue开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。

2.在我看来它就是vue的语法加上小程序的api，组合而成。

3.进入今天的重点，我想要分享的是uniapp中封装request请求。

我们需要先新建一个utils文件夹，然后创建一个api.js。

文件内容如下所示：默认导出箭头函数

const myRequest = (obj)=>{
	return new Promise((resolve,reject)=>{
			uni.request({
				url:obj.url,
				method:obj.method,
				data:obj.data||{},
				success(res) {
					resolve(res.data)
				},
				fail(err) {
					reject(err)
				}
				
			})
	})
}

export default myRequest

然后去main.js中全局注册一下。

现在可以去页面中使用了。

async getlist(did) {
	let res  = await this.$myReq({
	url:'http://ludir.cn/api/webapi/public/index/details?typeId=' + did,
	methods:'get'
	})
	this.list = res
},