网络编程 
首页 > 网络编程 > 浏览文章

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

(编辑:jimmy 日期: 2024/11/27 浏览:3 次 )

路由拦截器

已路由为导向

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);
});

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

上一篇:VUEX采坑之路之获取不到$store的解决方法
下一篇:Vue打包后访问静态资源路径问题
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap