在vue中,可以用**Storage(sessionStorage,localStorage)**来存储token,也可以用vuex来存储(但要考虑页面刷新数据消失问题,可以在vuex用Storage),
下面介绍用localStorage来存储:
在登录请求成功后,会返回一个token值,用loaclStorage保存
localStorage.setItem('token',res.data.token)
在main.js中设置全局请求头和响应回来的判断
//设置axios请求头加入token
Axios.interceptors.request.use(config => {
if (config.push === '/') {
} else {
if (localStorage.getItem('token')) {
//在请求头加入token,名字要和后端接收请求头的token名字一样
config.headers.token=localStorage.getItem('token');
}
}
return config;
},
error => {
return Promise.reject(error);
});
//=====================