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

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

axios.defaults.headers.common["token"] = localStorage.getItem("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 记录了更多优秀插件的使用方法。有时间的同学请看我的置顶博客，可太感谢啦。