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 相关文章推荐
简单实例处理url特殊符号&处理(2种方法)
Apr 02 Javascript
如何使用jQUery获取选中radio对应的值(一句代码)
Jun 03 Javascript
JS实现根据出生年月计算年龄
Jan 10 Javascript
不要使用jQuery触发原生事件的方法
Mar 03 Javascript
Javascript发送AJAX请求实例代码
Aug 21 Javascript
对称加密与非对称加密优缺点详解
Feb 06 Javascript
微信小程序中使用Promise进行异步流程处理的实例详解
Aug 17 Javascript
基于 flexible 的 Vue 组件:Toast -- 显示框效果
Dec 26 Javascript
Vue filter介绍及详细使用
Apr 04 Javascript
vue源码学习之Object.defineProperty 对数组监听
May 30 Javascript
vue的keep-alive用法技巧
Aug 15 Javascript
详解vue中v-model和v-bind绑定数据的异同
Aug 10 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
php中的一个中文字符串截取函数
2007/02/14 PHP
用PHP实现的四则运算表达式计算实现代码
2011/08/02 PHP
PHP统计二维数组元素个数的方法
2013/11/12 PHP
PHP中常用的字符串格式化函数总结
2014/11/19 PHP
PHP安装threads多线程扩展基础教程
2015/11/17 PHP
PHP实现四种基础排序算法的运行时间比较(推荐)
2016/08/11 PHP
php代码检查代理ip的有效性
2016/08/19 PHP
PHP简单判断iPhone、iPad、Android及PC设备的方法
2016/10/11 PHP
imagettftext() 失效,不起作用
2021/03/09 PHP
js动态生成指定行数的表格
2013/07/11 Javascript
jQuery中Dom的基本操作小结
2014/01/23 Javascript
jquery跟js初始化加载的多种方法及区别介绍
2014/04/02 Javascript
jquery.validate提示错误信息位置方法
2016/01/22 Javascript
修改npm全局安装模式的路径方法
2018/05/15 Javascript
详解vue.js移动端配置flexible.js及注意事项
2019/04/10 Javascript
关于微信小程序获取小程序码并接受buffer流保存为图片的方法
2019/06/07 Javascript
JavaScript实现拖拽功能
2020/02/11 Javascript
vc6编写python扩展的方法分享
2014/01/17 Python
Centos5.x下升级python到python2.7版本教程
2015/02/14 Python
Python内置函数OCT详解
2016/11/09 Python
python实现kNN算法
2017/12/20 Python
使用Python OpenCV为CNN增加图像样本的实现
2019/06/10 Python
Python的缺点和劣势分析
2019/11/19 Python
Python字符串、列表、元组、字典、集合的补充实例详解
2019/12/20 Python
python实现飞机大战项目
2020/03/11 Python
文件上传服务器-jupyter 中python解压及压缩方式
2020/04/22 Python
Python Flask框架实现简单加法工具过程解析
2020/06/03 Python
基于opencv实现简单画板功能
2020/08/02 Python
英国汽车和货车租赁网站:Hertz英国
2016/09/02 全球购物
干部鉴定材料
2014/05/18 职场文书
文明好少年事迹材料
2014/08/19 职场文书
领导班子整改方案和个人整改措施
2014/10/25 职场文书
《用字母表示数》教学反思
2016/02/17 职场文书
婚礼必备主持词范本!
2019/07/23 职场文书
重温经典:乔布斯在斯坦福大学的毕业演讲(双语)
2019/08/26 职场文书
python文件名批量重命名脚本实例代码
2021/04/22 Python