关于axios做拦截器，在请求头里面统一加token的的问题

Question

用axios封装一个请求模块，除了注册和获取验证码，别的接口都需要在headers里面传token,本来可以把headers拎出来写的，如：

// axios.defaults.headers = {
//   "appId": APPID,
//   "token": token,
//   'Content-Type': 'application/x-www-form-urlencoded'
// }

但是上面所诉的两个接口，不需要token，我就要单独把那两个接口单独写，请问有什么办法吗？

Answer 1

其实不用管，如果接口不需要token，后端那边的人自然会做相应的处理。

Answer 2

用拦截器

axios.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    if (config.url){
        config.headers['X-Token'] = xtoken  
    }
    return config;
  }, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  });

Answer 3

为不同的情况创建不同的实例,根据需要使用

const instance1=axios.create(...)
//instance1.defaults.headers={}
const instance2=axios.create(...)
//instance2.defaults.headers={}
export default {
    instance1,
    instance2
}

Answer 4

一样在拦截器里写：

const exceptUrls = ['a.xx/xx', 'b.xx/xx']
const requestBefore = (config) => {
    if (exceptUrls.indexOf(config.url)!==-1){
          // 在这里加 token
    }  
    return config;
}

axios.interceptors.request.use(requestBefore);