uni.app 请求接口二次封装
Posted fengshaopu
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uni.app 请求接口二次封装相关的知识,希望对你有一定的参考价值。
问题一、token过期
- 在这里是因为token得提交到header里面 所以我们在第一次封装的请求接口的时候
第一次封装的地址:
- uni.app第一次封装
- 因为要提交到herader里面后面的接口都要用到token相当于令牌 所以要进行二次分装
1.在第一次封装的正确返回值下面在封装一次先把token值存到本地存储里面
2.在封装跟上面一样即可
module.exports = { request(url, method, data) { uni.showLoading({ title: "加载中" }) return new Promise((resolve, reject) => { uni.request({
url: 'http://api.intewl.cn/api' + url,
method: method,
header: {
'token': uni.getStorageSync('token')
},
data: data,
success(res) {
uni.hideLoading()
if (res.data.tcode == 2) { //等于二的话就是过期了那么取出来在存进去让他自己刷新
uni.setStorageSync("token", res.data.token)
uni.request({
url: 'http://api.intewl.cn/api' + url,
method: method,
header: {
'token': uni.getStorageSync('token')
},
data: data,
success(res) {
resolve(res)
}
})
}
resolve(res)
},
fail(err) {
reject(err)
}
}) }) } }
以上是关于uni.app 请求接口二次封装的主要内容,如果未能解决你的问题,请参考以下文章
VSCode自定义代码片段14——Vue的axios网络请求封装
VSCode自定义代码片段14——Vue的axios网络请求封装
VSCode自定义代码片段14——Vue的axios网络请求封装