vue项目中 axios请求拦截器与取消pending请求功能 - 年少、 - 博客园

//如果已经登录，则正常进入

if(!!token){

cancelPending();

next();

}else{

next({‘name’: ‘login’, ‘query’: {‘redirect’: to.fullPath}});

};

}else if(to.name == ‘login’){ //如果是登录页，则验证如果当前是登录状态自动跳转至系统主页，否则正常进入登录页

let token = localStorage.getItem(‘token’);

//如果已经登录，则重定向至系统首页

if(!!token){

router.push({‘name’: ‘SystemWelcome’});

}else{

next();

};

}else{ //其他页面正常进入

next();

};

});

//axios 请求拦截器

axios.interceptors.request.use(config => {

let token = localStorage.getItem(‘token’);

if (!!token) { // 判断是否存在token，如果存在的话，则每个http header都加上token

config.headers.Authorization = token ${token};

};

cancelPending(config);

config.cancelToken = new cancelToken(© => {

pe