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 设置标题的自动翻转
Oct 03 Javascript
JS实现跟随鼠标闪烁转动色块的方法
Feb 26 Javascript
纯js代码实现未知宽高的元素在指定元素中垂直水平居中显示
Sep 12 Javascript
js纯数字逐一停止显示效果的实现代码
Mar 16 Javascript
Bootstrap table两种分页示例
Dec 23 Javascript
AngularJs中 ng-repeat指令中实现含有自定义指令的动态html的方法
Jan 19 Javascript
Vue之Watcher源码解析(1)
Jul 19 Javascript
vue页面使用阿里oss上传功能的实例(一)
Aug 09 Javascript
微信小程序如何获取手机验证码
Nov 04 Javascript
详解如何创建并发布一个 vue 组件
Nov 08 Javascript
vue递归组件实战之简单树形控件实例代码
Aug 27 Javascript
Vue使用v-viewer实现图片预览
Oct 21 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下正则来匹配dede模板标签的代码
2010/08/21 PHP
PHP闭包(Closure)使用详解
2013/05/02 PHP
根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
2007/02/22 Javascript
在JavaScript中,为什么要尽可能使用局部变量?
2009/04/06 Javascript
CSS和Javascript简单复习资料
2010/06/29 Javascript
JQuery扩展插件Validate—6 radio、checkbox、select的验证
2011/09/05 Javascript
JS冒泡事件的快速解决方法
2013/12/16 Javascript
js实现漂浮回顶部按钮实例
2015/05/06 Javascript
禁止按回车键提交表单的方法
2015/06/11 Javascript
jQuery实现宽屏图片轮播实例教程
2015/11/24 Javascript
Bootstrap框架动态生成Web页面文章内目录的方法
2016/05/12 Javascript
谈谈JavaScript中浏览器兼容问题的写法小议
2016/12/17 Javascript
JavaScript中Math对象的方法介绍
2017/01/05 Javascript
简单的React SSR服务器渲染实现
2018/12/11 Javascript
JavaScript学习笔记之DOM操作实例分析
2019/01/08 Javascript
JS字符串和数组如何实现相互转化
2020/07/02 Javascript
跟老齐学Python之用while来循环
2014/10/02 Python
分析用Python脚本关闭文件操作的机制
2015/06/28 Python
python如何在列表、字典中筛选数据
2018/03/19 Python
教你使用python实现微信每天给女朋友说晚安
2018/03/23 Python
python调用虹软2.0第三版的具体使用
2019/02/22 Python
python3 批量获取对应端口服务的实例
2019/07/25 Python
python2和python3哪个使用率高
2020/06/23 Python
python常量折叠基础知识点讲解
2021/02/28 Python
css3旋转木马_动力节点Java学院整理
2017/07/12 HTML / CSS
阿里健康大药房:阿里自营网上药店
2017/08/01 全球购物
Charlotte Tilbury澳大利亚官网:英国美妆品牌
2018/10/05 全球购物
同程旅游英文网站:LY.com
2018/11/13 全球购物
求职信模版
2013/11/30 职场文书
2014年应届大学生毕业自我鉴定
2014/01/31 职场文书
联片教研活动总结
2014/07/01 职场文书
安全守法证明
2015/06/23 职场文书
导游经典开场白——导游词
2019/04/17 职场文书
六个好看实用的 HTML + CSS 后台登录入口页面
2022/04/28 HTML / CSS
Python开发简易五子棋小游戏
2022/05/02 Python
MySQL 原理与优化之Limit 查询优化
2022/08/14 MySQL