路由拦截器

已路由为导向

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

免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
狼山资源网 Copyright www.pvsay.com

评论“vue路由拦截器和请求拦截器知识点总结”

暂无“vue路由拦截器和请求拦截器知识点总结”评论...

RTX 5090要首发 性能要翻倍!三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。

据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。