vue路由拦截器和请求拦截器知识点总结

路由拦截器

已路由为导向

router.beforeEach((to,from,next)=>{
if(to.path=='/login' || localStorage.getItem('token')){
next();
}else{
alert('请重新登录');
next('/login');
}
})

请求拦截器

当发送请求时才会触发此功能

axios.interceptors.request.use(function (config) {
let token = window.localStorage.getItem("token");
if (token) {
config.headers.token = token;  //将token放到请求头发送给服务器
}
return config; // 最终需要返回config
}, function (error) {
return Promise.reject(error);
});

知识点和代码非常简单，更多知识点可以在下方相关文章找到，感谢大家对脚本之家的支持。

您可能感兴趣的文章:

• Vue 前端实现登陆拦截及axios 拦截器的使用
• Vue基于vuex、axios拦截器实现loading效果及axios的安装配置
• 详解Vue中使用Axios拦截器
• 解决Vue在封装了Axios后手动刷新页面拦截器无效的问题
• vue拦截器实现统一token,并兼容IE9验证功能