在请求需要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 记录了更多优秀插件的使用方法。有时间的同学请看我的置顶博客,可太感谢啦。