拦截token
//异步请求前在header里加入token
axios.interceptors.request.use(
config => {
// if (config.url === "") {
//如果是登录操作,则不需要携带header里面的token
// } else {
if (localStorage.getItem("Authorization")) {
config.headers["Authentication-Token"] = localStorage.getItem("Authorization");
}
// }
return config;
},
error => {
return Promise.reject(error);
}
);
//异步请求后,判断token是否过期
axios.interceptors.response.use(
response => {
return response;
},
error => {
if (error.response) {
switch (error.response.status) {
case 401:
localStorage.removeItem("Authorization");
this.$router.push("/");
}
}
}
);
在vue页面中调取接口之后使用
this.$request({})
.then(result => {
let res = JSON.parse(result.msgDetail);
// this.userToken = "Bearer " + res.token;
this.userToken = res.token;
localStorage.setItem("Authorization", this.userToken);
})
.catch(msg => this.$message.error(msg));