vue每次发起请求前在header上添加token
每次路由跳转时,若无token则重定向至登陆页router.beforeEach(({name}, from, next) => {// 获取 JWT Tokenif (localStorage.getItem('JWT_TOKEN')) {// 如果用户在login页面if (name === 'login') {next('/')...
·
每次路由跳转时,若无token则重定向至登陆页
router.beforeEach(({name}, from, next) => {
// 获取 JWT Token
if (localStorage.getItem('JWT_TOKEN')) {
// 如果用户在login页面
if (name === 'login') {
next('/');
} else {
next();
}
} else {
if (name === 'login') {
next();
} else {
next({name: 'login'});
}
}
});
axios 全局配置拦截器
每次向后端请求携带 头信息
在 src/main.js
当中加上以下代码:
axios.interceptors.request.use(
config => {
if (localStorage.JWT_TOKEN) { // 判断是否存在token,如果存在的话,则每个http header都加上token
config.headers.Authorization = `token ${localStorage.JWT_TOKEN}`;
}
return config;
},
err => {
return Promise.reject(err);
});
更多推荐
已为社区贡献13条内容
所有评论(0)