uni_app的axios封装
uni-app运行在微信开发者工具的时候并不需要配置代理,也就是说不存在跨域问题,我们直接进行axios的封装。如果在h5 运行的话,需要在 manifest.json 里面进行手动配置代理。之后直接调用二次封装的函数传参进行数据的请求就可以。我们完成了第一次封装。
·
uni-app运行在微信开发者工具的时候并不需要配置代理,也就是说不存在跨域问题,我们直接进行axios的封装
const BASE_URL = '服务器'
// const BASE_URL = 'dev'
export function request(options = {}){
return new Promise((resolve,reject) => {
uni.request({
url:BASE_URL + options.url,
method:options.method || 'GET',
data:options.data || {},
//带token发送请求
header : {
'x-token':getLocal('token')
},
success:(res) => {
resolve(res)
},
timeout: 50000,
complete: options.complete ?? function() {
console.log('接口调用完成')
},
fail:(err) => {
reject(err)
}
})
})
}
我们完成了第一次封装
下面进行第二次封装:
export function function(num) {
return request({
url: '/api/v1/testPaper/findByParam',
method: 'GET',
data: {
a:num
}
})
}
之后直接调用二次封装的函数传参进行数据的请求就可以
如果在h5 运行的话,需要在 manifest.json 里面进行手动配置代理
"h5" : {
"template" : "",
"devServer" : {
"port" : 8081,
"disableHostCheck" : true,
"proxy" : {
"/dev" : {
"target" : "需要访问的地址",
"changeOrigin" : true,
"secure" : false,
"pathRewrite" : {
"^/dev" : ""
}
}
},
"https" : false
}
}
后面的封装同上
更多推荐
已为社区贡献1条内容
所有评论(0)