uniapp实现统一添加后端请求Header方法
uniapp把请求写完了,发现需要给接口请求添加头部,每个接口去添加又很麻烦,uniapp可以统一添加,并且还能给某些接口设置不添加头部。一般用于添加token登录验证信息。
·
uniapp把请求写完了,发现需要给接口请求添加头部,每个接口去添加又很麻烦,uniapp可以统一添加,并且还能给某些接口设置不添加头部。
一般用于添加token登录验证信息。
在 main.js 文件中配置。
代码如下:
// 在拦截器中设置白名单
const noAuthUrls = [
'/auth/apiLogin',
// 添加其他不需要 token 的接口
]
uni.addInterceptor('request', {
invoke(args) {
// 检查当前请求是否在白名单中
const isNoAuthRequest = noAuthUrls.some(url => args.url.includes(url))
if (!isNoAuthRequest) {
// 只有非白名单请求才添加 token
const token = uni.getStorageSync('token')
if (token) {
args.header = {
...args.header,// 保留原有的header
'Authorization': uni.getStorageSync('token'),
}
}
}
}
})

运行结果:

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐



所有评论(0)