uniapp实现统一添加后端请求Header方法

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) {// 只有非白名单请求才添加 tokenconst token = uni.getStorageSync('token')if (token) {args.header = {...args.header,// 保留原有的header'Authorization': uni.getStorageSync('token'),}}}}
})

运行结果：