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

路由拦截器已路由为导向router.beforeEach((to,from,next)=>{if(to.path=='/login'||localStorage.getItem('token

路由拦截器

已路由为导向

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 路由拦截器 请求拦截器