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


Posted in Javascript onNovember 08, 2019

路由拦截器

已路由为导向

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

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

Javascript 相关文章推荐
js刷新框架子页面的七种方法代码
Nov 20 Javascript
javascript实现的基于金山词霸网络翻译的代码
Jan 15 Javascript
在vs2010中调试javascript代码方法
Feb 11 Javascript
jquery ajax post提交数据乱码
Nov 05 Javascript
jQuery之ajax删除详解
Feb 27 Javascript
AngularJS 中的Promise --- $q服务详解
Sep 14 Javascript
js实现选项卡内容切换以及折叠和展开效果【推荐】
Jan 08 Javascript
jQuery niceScroll滚动条错位问题的解决方法
Feb 03 jQuery
vue的.vue文件是怎么run起来的(vue-loader)
Dec 10 Javascript
JQuery Ajax跨域调用和非跨域调用问题实例分析
Apr 16 jQuery
vue webpack重写cookie路径的方法
Jul 10 Javascript
js实现点击选项置顶动画效果
Aug 25 Javascript
Vue打包后访问静态资源路径问题
Nov 08 #Javascript
在vue中使用echars实现上浮与下钻效果
Nov 08 #Javascript
js 对象使用的小技巧实例分析
Nov 08 #Javascript
JS对日期操作封装代码实例
Nov 08 #Javascript
vue之组件内监控$store中定义变量的变化详解
Nov 08 #Javascript
js 递归json树实现根据子id查父id的方法分析
Nov 08 #Javascript
BootstrapValidator验证用户名已存在(ajax)
Nov 08 #Javascript
You might like
漫威DC御用漫画家去世 他的表情包曾走红网络
2020/04/09 欧美动漫
php记录日志的实现代码
2011/08/08 PHP
php类中private属性继承问题分析
2012/11/01 PHP
怎么用javascript进行拖拽
2006/07/20 Javascript
JS代码放在head和body中的区别分析
2011/12/01 Javascript
jq实现左侧显示图片右侧文字滑动切换效果
2015/08/04 Javascript
JavaScript编写检测用户所使用的浏览器的代码示例
2016/05/05 Javascript
Web程序员必备的7个JavaScript函数
2016/06/14 Javascript
详解微信小程序开发之——wx.showToast(OBJECT)的使用
2017/01/18 Javascript
详解Angularjs 如何自定义Img的ng-load 事件
2017/02/15 Javascript
Spring shiro + bootstrap + jquery.validate 实现登录、注册功能
2017/06/02 jQuery
基于IView中on-change属性的使用详解
2018/03/15 Javascript
Angularjs Promise实例详解
2018/03/15 Javascript
vuex 的简单使用
2018/03/22 Javascript
使用 Node.js 实现图片的动态裁切及算法实例代码详解
2018/09/29 Javascript
如何使用CSS3和JQuery easing 插件制作绚丽菜单
2019/06/18 jQuery
vue中js判断长时间不操作界面自动退出登录(推荐)
2020/01/22 Javascript
[07:54]DOTA2 MV《我的动力鞋》 ImbaTV 出品
2014/11/21 DOTA
用Python实现一个简单的线程池
2015/04/07 Python
python使用matplotlib绘制柱状图教程
2017/02/08 Python
PyCharm代码回滚,恢复历史版本的解决方法
2018/10/22 Python
Python单元和文档测试实例详解
2019/04/11 Python
PyTorch中Tensor的拼接与拆分的实现
2019/08/18 Python
使用python+whoosh实现全文检索
2019/12/09 Python
Spring Cloud Feign高级应用实例详解
2019/12/10 Python
css3和jquery实现自定义checkbox和radiobox组件
2014/04/22 HTML / CSS
使用HTML5的链接预取功能(link prefetching)给网站提速
2012/12/13 HTML / CSS
linux下进程间通信的方式
2013/01/23 面试题
团购业务员岗位职责
2014/03/15 职场文书
学习实践科学发展观心得体会
2014/09/10 职场文书
大学生自我评价200字(4篇)
2014/09/17 职场文书
2015毕业生实习期工作总结
2015/04/09 职场文书
忠犬八公的故事观后感
2015/06/05 职场文书
2016年三八节红领巾广播稿
2015/12/17 职场文书
Netty分布式客户端处理接入事件handle源码解析
2022/03/25 Java/Android
拙作再改《我的收音机情缘》
2022/04/05 无线电