- 创建一个对象,将该对象挂在Vue的原型下。
新建 @/common/request.js 文件
export default {
get(){},
post(){}
}
- 进入mine.js文件
在任意文件中书写下列代码可以调用。
this.$H.get();
this.$H.post();
封装request.js文件
//暴露接口
export default{
result(options){
//我们使用Promise方法来实现调用接口时后面多个.then()的方法
//只有promise能实现如同$axios后面连续多个.then()的方法
return new Promise((resolve,reject)=>{
uni.request({
...options,
success:res=>{
if(options.native){
resolve(res)
}
if(res.statusCode===200){
resolve(res.data)
}else{
reject(res)
}
}
})
})
},
get(url,data={},options={}){
options.url=url
options.data=data
options.method="get"
return this.result(options)
},
post(url,data={},options={}){
options.url=url
options.data=data
options.method="post"
return this.result(options)
}
}
在需要调接口的页面使用封装好的request()
this.$H.get('后台接口文件地址',{参数区},{native:false}).then((res)=>{
console.log(res)
}).catch((res)=>{
/* 错误 */
console.log(res)
})