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

  }
})

运行结果：