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 相关文章推荐
JavaScript CSS修改学习第三章 修改样式表
Feb 19 Javascript
各情景下元素宽高的获取实现代码
Sep 13 Javascript
js获取当前时间显示在页面上并每秒刷新
Dec 24 Javascript
修改js confirm alert 提示框文字的简单实例
Jun 10 Javascript
JS 事件绑定、事件监听、事件委托详细介绍
Sep 28 Javascript
Form表单按回车自动提交表单的实现方法
Nov 18 Javascript
利用jQuery实现滑动开关按钮效果(附demo源码下载)
Feb 07 Javascript
深入理解移动前端开发之viewport
Oct 19 Javascript
this在vue和小程序中的使用详解
Jan 28 Javascript
手挽手带你学React之React-router4.x的使用
Feb 14 Javascript
关于layui toolbar和template的结合使用方法
Sep 19 Javascript
Javascript 类型转换、封闭函数及常见内置对象操作示例
Nov 15 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中用header图片地址 简单隐藏图片源地址
2008/04/09 PHP
PHP实现提取一个图像文件并在浏览器上显示的代码
2012/10/06 PHP
PHP Class&Object -- PHP 自排序二叉树的深入解析
2013/06/25 PHP
Linux系统下使用XHProf和XHGui分析PHP运行性能
2015/12/08 PHP
thinkphp命名空间用法实例详解
2015/12/30 PHP
WordPress中重置文章循环的rewind_posts()函数讲解
2016/01/11 PHP
ThinkPHP框架实现的MySQL数据库备份功能示例
2018/05/24 PHP
Laravel6.0.4中将添加计划任务事件的方法步骤
2019/10/15 PHP
thinkphp5实现微信扫码支付
2019/12/23 PHP
javascript 动态调整图片尺寸实现代码
2009/12/28 Javascript
js简单实现删除记录时的提示效果
2013/12/05 Javascript
指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)
2014/02/21 Javascript
jQuery选择器源码解读(七):elementMatcher函数
2015/03/31 Javascript
JavaScript继承学习笔记【新手必看】
2016/05/10 Javascript
Bootstrap3学习笔记(三)之表格
2016/05/20 Javascript
一个仿微博登陆邮箱提示框js开发案例
2016/07/28 Javascript
bootstrap手风琴折叠示例代码分享
2017/05/22 Javascript
浅谈JS如何实现真正的对象常量
2017/06/25 Javascript
react-native中ListView组件点击跳转的方法示例
2017/09/30 Javascript
Vue header组件开发详解
2018/01/26 Javascript
layui table数据修改的回显方法
2019/09/04 Javascript
[55:39]DOTA2-DPC中国联赛 正赛 VG vs LBZS BO3 第二场 1月19日
2021/03/11 DOTA
Python多进程库multiprocessing中进程池Pool类的使用详解
2017/11/24 Python
Python实现PS图像调整颜色梯度效果示例
2018/01/25 Python
python3实现多线程聊天室
2018/12/12 Python
Python修改文件往指定行插入内容的实例
2019/01/30 Python
Django框架实现分页显示内容的方法详解
2019/05/10 Python
python的依赖管理的实现
2019/05/14 Python
如何用python处理excel表格
2020/06/09 Python
Python如何获取文件路径/目录
2020/09/22 Python
GUESS西班牙官方网上商城:美国服饰品牌
2017/03/15 全球购物
成功经营餐厅的创业计划书范文
2013/12/26 职场文书
小班评语大全
2014/05/04 职场文书
优秀家长事迹材料
2014/05/17 职场文书
部门2014年度工作总结
2014/11/12 职场文书
员工辞职信范文大全
2015/05/12 职场文书