使用axios.defaults.headers.common["token"]无效

在请求需要token认证的接口时,配置了axios默认请求头如下。但奇怪的是第一次请求时不会添加token,之后再次点击时才会加上token。

axios.defaults.headers.common["token"] = localStorage.getItem("token");

第二次请求时携带了token
将axios请求拦截器修改后可以正常使用。

/* 请求拦截 */
axios.interceptors.request.use(
  config => {
    if (localStorage.getItem("token") != null) {
      config.headers["token"] = localStorage.getItem("token");
    }

    return config;
  },
  err => Promise.reject(err)
);

https://github.com/Gesj-yean/vue-demo-collection 记录了更多优秀插件的使用方法。有时间的同学请看我的置顶博客,可太感谢啦。


版权声明:本文为qq_39083496原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。