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 相关文章推荐
基于prototype扩展的JavaScript常用函数库
Nov 30 Javascript
JS实现判断滚动条滚到页面底部并执行事件的方法
Dec 18 Javascript
Javascript验证Visa和MasterCard信用卡号的方法
Jul 27 Javascript
JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法
Jan 12 Javascript
第八篇Bootstrap下拉菜单实例代码
Jun 21 Javascript
完美解决jQuery符号$与其他javascript 库、框架冲突的问题
Aug 09 Javascript
Node.js中.pfx后缀文件的处理方法
Mar 10 Javascript
浅析JS中的 map, filter, some, every, forEach, for in, for of 用法总结
Mar 29 Javascript
详解Node.js 命令行程序开发教程
Jun 07 Javascript
JS实现简单获取最近7天和最近3天日期的方法
Apr 18 Javascript
JS通过位运算实现权限加解密
Aug 14 Javascript
django中使用vue.js的要点总结
Jul 07 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
我的论坛源代码(二)
2006/10/09 PHP
PHP 和 XML: 使用expat函数(一)
2006/10/09 PHP
PHP中使用imagick实现把PDF转成图片
2015/01/26 PHP
PHP生成各种随机验证码的方法总结【附demo源码】
2017/06/05 PHP
javascript 简练的几个函数
2009/08/29 Javascript
IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点
2009/12/27 Javascript
JavaScript ( (__ = !$ + $)[+$] + ({} + $)[_/_] +({} + $)[_/_] )
2011/02/25 Javascript
JavaScript中的常见问题解决方法(乱码,IE缓存,代理)
2013/11/28 Javascript
checkbox勾选判断代码分析
2014/06/11 Javascript
js获取checkbox值的方法
2015/01/28 Javascript
jQuery右下角旋转环状菜单特效代码
2015/08/10 Javascript
Nodejs学习item【入门手上】
2016/05/05 NodeJs
全面总结Javascript对数组对象的各种操作
2017/01/22 Javascript
React Native悬浮按钮组件的示例代码
2018/04/05 Javascript
开发一个Parcel-vue脚手架工具(详细步骤)
2018/09/22 Javascript
对vue v-if v-else-if v-else 的简单使用详解
2018/09/29 Javascript
vue canvas绘制矩形并解决由clearRec带来的闪屏问题
2019/09/02 Javascript
javascript运行机制之执行顺序理解
2020/08/03 Javascript
[06:53]2018DOTA2国际邀请赛寻真——为复仇而来的Newbee
2018/08/15 DOTA
用Python实现一个简单的能够上传下载的HTTP服务器
2015/05/05 Python
在dataframe两列日期相减并且得到具体的月数实例
2018/07/03 Python
django DRF图片路径问题的解决方法
2018/09/10 Python
python使用wxpy实现微信消息防撤回脚本
2019/04/29 Python
python移位运算的实现
2019/07/15 Python
python处理document文档保留原样式
2019/09/23 Python
jupyter 中文乱码设置编码格式 避免控制台输出的解决
2020/04/20 Python
python实现单机五子棋
2020/08/28 Python
python selenium xpath定位操作
2020/09/01 Python
Python3 用matplotlib绘制sigmoid函数的案例
2020/12/11 Python
Interflora澳大利亚:同日鲜花速递
2019/06/25 全球购物
盖尔斯工厂店:GUESS Factory
2020/01/21 全球购物
shallow copy和deep copy的区别
2016/05/09 面试题
如何防止同一个帐户被多人同时登录
2013/08/01 面试题
数控技术与应用毕业生自荐信
2013/09/24 职场文书
美德好少年事迹材料
2014/01/19 职场文书
Java死锁的排查
2022/05/11 Java/Android