Vue 拦截器对token过期处理方法


Posted in Javascript onJanuary 23, 2018

最近在做的一个项目,需要每个http请求下 都要添加token,这样无疑是增加了工作量。而vue 拦截器interceptors正好可以解决我们的需求。

Vue.http.interceptors.push(function (request, next) {//拦截器设置请求token

 // sessionStorage.getItem("tokenUrl");
 request.headers.set('token', sessionStorage.getItem("tokenVal"));
 if (request.url.indexOf(url) === -1) {
 request.url = url + request.url;
 }
 // continue to next interceptor
 next(function (response) {
 // ..if(response.body.code=="失败码")
{
parent.location.href="登录页面路径" rel="external nofollow" ;
}.
 // 请求发送后的处理逻辑
 // ...
 // 根据请求的状态,response参数会返回给successCallback或errorCallback
 return response
 });
});

以上这篇Vue 拦截器对token过期处理方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Jquery Select操作方法集合脚本之家特别版
May 17 Javascript
为JavaScript添加重载函数的辅助方法
Jul 04 Javascript
HTML DOM的nodeType值介绍
Mar 31 Javascript
一款jquery特效编写的大度宽屏焦点图切换特效的实例代码
Aug 05 Javascript
js克隆对象、数组的常用方法介绍
Sep 26 Javascript
js获取触发事件元素在整个网页中的绝对坐标(示例代码)
Dec 13 Javascript
javascript实现简单的贪吃蛇游戏
Mar 31 Javascript
jQuery树形下拉菜单特效代码分享
Aug 15 Javascript
jquery中checkbox使用方法简单实例演示
Nov 24 Javascript
全面解析多种Bootstrap图片轮播效果
May 27 Javascript
js与jquery分别实现tab标签页功能的方法
Nov 18 Javascript
Angularjs中三种数据的绑定策略(“@”,“=”,“&”)
Dec 23 Javascript
浅谈React + Webpack 构建打包优化
Jan 23 #Javascript
vue组件编写之todolist组件实例详解
Jan 22 #Javascript
基于openlayers4实现点的扩散效果
Aug 17 #Javascript
vue-cli启动本地服务局域网不能访问的原因分析
Jan 22 #Javascript
webpack引入eslint配置详解
Jan 22 #Javascript
jquery在启动页面时,自动加载数据的实例
Jan 22 #jQuery
浅谈ajax在jquery中的请求和servlet中的响应
Jan 22 #jQuery
You might like
PHP之短标签开启设置
2013/06/17 PHP
探讨:php中在foreach中使用foreach ($arr as &$value) 这种类型的解释
2013/06/24 PHP
php实现表单多按钮提交action的处理方法
2015/10/24 PHP
PHP使用SWOOLE扩展实现定时同步 MySQL 数据
2017/04/09 PHP
解决form中action属性后面?传递参数 获取不到的问题
2017/07/21 PHP
Jquery获取复选框被选中值的简单方法
2013/07/04 Javascript
jquery动态更换设置背景图的方法
2014/03/25 Javascript
jquery实现弹出层登录和全屏层注册特效
2015/08/28 Javascript
JS组件Form表单验证神器BootstrapValidator
2016/01/26 Javascript
JS实现六位字符密码输入器功能
2016/08/19 Javascript
Angularjs手动解析表达式($parse)
2016/10/12 Javascript
javascript中的面向对象
2017/03/30 Javascript
vue环境搭建简单教程
2017/11/07 Javascript
详解JS函数stack size计算方法
2018/06/18 Javascript
vue通过滚动行为实现从列表到详情,返回列表原位置的方法
2018/08/31 Javascript
关于微信小程序登录的那些事
2019/01/08 Javascript
小程序如何在不同设备上自适应生成海报的实现方法
2019/08/20 Javascript
Vue 设置axios请求格式为form-data的操作步骤
2019/10/29 Javascript
js+cavans实现图片滑块验证
2020/09/29 Javascript
Python编程之属性和方法实例详解
2015/05/19 Python
python删除本地夹里重复文件的方法
2020/11/19 Python
使用Python开发SQLite代理服务器的方法
2018/12/07 Python
Python unittest单元测试框架及断言方法
2020/04/15 Python
Python ORM框架Peewee用法详解
2020/04/29 Python
PyCharm最新激活码PyCharm2020.2.3有效
2020/11/18 Python
传统HTML页面实现模块化加载的方法
2018/10/15 HTML / CSS
你所在的项目是如何确定版本号的
2015/12/28 面试题
销售经理工作职责
2014/02/03 职场文书
函授生自我鉴定
2014/03/25 职场文书
理发店策划方案
2014/06/05 职场文书
打架检讨书
2015/01/27 职场文书
2015公司年度工作总结
2015/05/14 职场文书
中秋节祝酒词
2015/08/12 职场文书
MySql学习笔记之事务隔离级别详解
2021/05/12 MySQL
SQL 窗口函数实现高效分页查询的案例分析
2021/05/21 SQL Server
postgresql 删除重复数据案例详解
2021/08/02 PostgreSQL