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路由拦截器和请求拦截器知识点总结到此结束。激流勇进者方能领略江河源头的奇观胜景。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
Vue中axios拦截器如何单独配置token

vue下axios拦截器token刷新机制的实例代码

Vue封装Axios请求和拦截器的步骤

Vue如何使用路由钩子拦截器beforeEach和afterEach监听路由

vue 导航守卫和axios拦截器有哪些区别