axios全局请求参数设置,请求及返回拦截器的方法


Posted in Javascript onMarch 05, 2018

应用场景:

1,每个请求都带上的参数,比如token,时间戳等。

2,对返回的状态进行判断,比如token是否过期

代码如下:

axios.interceptors.request.use(
		config => {
			var xtoken = getXtoken()
			if(xtoken != null){
				config.headers['X-Token'] = xtoken
			}
			if(config.method=='post'){
				config.data = {
					...config.data,
					_t: Date.parse(new Date())/1000,
				}
			}else if(config.method=='get'){
				config.params = {
					_t: Date.parse(new Date())/1000,
					...config.params
				}
			}
			return config
		},function(error){
			return Promise.reject(error)
		}
	)
axios.interceptors.response.use(function (response) {
	// token 已过期,重定向到登录页面
	if (response.data.code == 4){
		localStorage.clear()
		router.replace({
            path: '/signin',
            query: {redirect: router.currentRoute.fullPath}
          })
	}
	return response
}, function (error) {
	// Do something with response error
	return Promise.reject(error)
})

以上这篇axios全局请求参数设置,请求及返回拦截器的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
基于JQuery的模拟苹果桌面Dock效果(稳定版)
Oct 15 Javascript
jQuery让控件左右移动的三种实现方法
Sep 08 Javascript
jquery获取及设置outerhtml的方法
Mar 09 Javascript
仿iframe效果Aajx文件上传实例
Nov 18 Javascript
jQuery实现checkbox的简单操作
Nov 18 jQuery
微信小程序自定义toast实现方法详解【附demo源码下载】
Nov 28 Javascript
浅谈JsonObject中的key-value数据解析排序问题
Dec 06 Javascript
浅谈HTTP 缓存的那些事儿
Oct 17 Javascript
微信小程序云开发如何使用云函数生成二维码
May 18 Javascript
微信小程序移动拖拽视图-movable-view实例详解
Aug 17 Javascript
微信小程序sessionid不一致问题解决
Aug 30 Javascript
JQuery获得内容和属性方法解析
May 30 jQuery
axios拦截设置和错误处理方法
Mar 05 #Javascript
完美解决axios在ie下的兼容性问题
Mar 05 #Javascript
vue.js 使用axios实现下载功能的示例
Mar 05 #Javascript
Vue 中使用vue2-highcharts实现top功能的示例
Mar 05 #Javascript
Vue 中使用vue2-highcharts实现曲线数据展示的方法
Mar 05 #Javascript
vue项目中引入noVNC远程桌面的方法
Mar 05 #Javascript
vue项目中使用ueditor的实例讲解
Mar 05 #Javascript
You might like
dede3.1分页文字采集过滤规则详说(图文教程)续二
2007/04/03 PHP
PHP 面向对象 final类与final方法
2010/05/05 PHP
深入php socket的讲解与实例分析
2013/06/13 PHP
Php连接及读取和写入mysql数据库的常用代码
2014/08/11 PHP
PHP文件读取功能的应用实例
2015/05/08 PHP
总结的一些PHP开发中的tips(必看篇)
2017/03/24 PHP
PHP实现的数独求解问题示例
2017/04/18 PHP
js取消单选按钮选中并判断对象是否为空
2013/11/14 Javascript
LABjs、RequireJS、SeaJS的区别
2014/03/04 Javascript
jQuery实现表格隔行及滑动,点击时变色的方法【测试可用】
2016/08/20 Javascript
javascript输出AscII码扩展集中的字符方法
2016/12/26 Javascript
jQuery实现拖动效果的实例代码
2017/06/25 jQuery
使用jquery+iframe做一个ajax上传效果(实例)
2017/08/24 jQuery
Angular4编程之表单响应功能示例
2017/12/13 Javascript
layui之select的option叠加问题的解决方法
2018/03/08 Javascript
vue项目在安卓低版本机显示空白的原因分析(两种)
2018/09/04 Javascript
对angularJs中自定义指令replace的属性详解
2018/10/09 Javascript
详解vue中使用vue-quill-editor富文本小结(图片上传)
2019/04/24 Javascript
[02:29]完美世界高校联赛上海赛区回顾
2015/12/15 DOTA
[57:12]完美世界DOTA2联赛循环赛 Inki vs Matador BO2第一场 10.31
2020/11/02 DOTA
python的id()函数介绍
2013/02/10 Python
python正常时间和unix时间戳相互转换的方法
2015/04/23 Python
Python字典的概念及常见应用实例详解
2019/10/30 Python
pytorch实现Tensor变量之间的转换
2020/02/17 Python
python numpy实现多次循环读取文件 等间隔过滤数据示例
2020/03/14 Python
浅谈pytorch 模型 .pt, .pth, .pkl的区别及模型保存方式
2020/05/25 Python
jupyter使用自动补全和切换默认浏览器的方法
2020/11/18 Python
python工具——Mimesis的简单使用教程
2021/01/16 Python
两年的个人工作自我评价
2014/01/10 职场文书
单位介绍信范文
2014/01/18 职场文书
乳制品整治工作方案
2014/05/29 职场文书
班主任与学生安全责任书
2014/07/25 职场文书
英文导游词
2015/02/13 职场文书
奔腾年代观后感
2015/06/09 职场文书
会议开幕致辞怎么写
2016/03/03 职场文书
JavaScript嵌入百度地图API的最详细方法
2021/04/16 Javascript