最近开放uni-app 因为请求写烦了这里记录一个比较轻松的方法
原本的请求
uni.request({
url:’‘,
method: '',
data: {},
success: (res) => {
},
});
只写一遍还好如果写太多就会让代码显得臃肿,阅读起来相当难受
请求封装这里书写
先定义一个js文件在哪里都可以还是建议在公共位置霞创建,文件里写最基本的request请求
const token = '' //token这里看需求
const apiUrl = 'http://www.hospatil.com/api/'
const baseRequest = (url,method,params) => {
return new Promise((resolve, reject) => {
uni.request({
url: apiUrl + url,
data:params,
method:method,
header: {
'token':token//头部添加的内容美国
}
}).then((response)=>{
let [error, res] = response;
resolve(res.data);
}).catch(error => {
let [err, res] = error;
reject(err)
})
});
}
export default {
baseRequest
}
定义之后在main.js里
import api from './resqust.js'
Vue.prototype.$api = api
之后就可以
使用
this.$api.baseRequest('你的路由','请求方式(必须大写如GET,POST)',{传参(可以不传)}).then(res=>{
this.CommonDiseases = res.result.data
}).catch(Error=>{
console.log('失败');
})
这样就行了