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 相关文章推荐
2012年开发人员的16款新鲜的jquery插件体验分享
Dec 28 Javascript
JS实现div内部的文字或图片自动循环滚动代码
Apr 19 Javascript
jquery对table中各数据的增加、保存、删除操作示例
May 14 Javascript
iframe调用父页面函数示例详解
Jul 17 Javascript
jquery滚动特效集锦
Jun 03 Javascript
js面向对象实现canvas制作彩虹球喷枪效果
Sep 24 Javascript
Ajax+FormData+javascript实现无刷新表单信息提交
Oct 24 Javascript
在Js页面通过POST传递参数跳转到新页面详解
Aug 25 Javascript
JS实现深度优先搜索求解两点间最短路径
Jan 17 Javascript
微信小程序云开发之新手环境配置
May 16 Javascript
Javascript幻灯片播放功能实现过程解析
May 07 Javascript
Typescript类型系统FLOW静态检查基本规范
May 25 Javascript
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
由php if 想到的些问题
2008/03/22 PHP
PHP 地址栏信息的获取代码
2009/01/07 PHP
PHP结合JQueryJcrop实现图片裁切实例详解
2014/07/24 PHP
PHPer 需要了解的 5 个 Composer 小技巧
2014/08/18 PHP
ThinkPHP3.2.3框架邮件发送功能图文实例详解
2019/04/23 PHP
php中的钩子理解及应用实例分析
2019/08/30 PHP
PHP Beanstalkd消息队列的安装与使用方法实例详解
2020/02/21 PHP
javascript复制对象使用说明
2011/06/28 Javascript
原生JavaScript生成GUID的实现示例
2014/09/05 Javascript
使用 js+正则表达式为关键词添加链接
2014/11/11 Javascript
微信小程序-获得用户输入内容
2017/02/13 Javascript
使用ionic在首页新闻中应用到的跑马灯效果的实现方法
2017/02/13 Javascript
JQuery中Ajax的操作完整例子
2017/03/07 Javascript
JS库中的Particles.js在vue上的运用案例分析
2017/09/13 Javascript
EasyUI的DataGrid绑定Json数据源的示例代码
2017/12/16 Javascript
js canvas实现红包照片效果
2018/08/21 Javascript
vue 实现边输入边搜索功能的实例讲解
2018/09/16 Javascript
ES6 Set结构的应用实例分析
2019/06/26 Javascript
JS实现的进制转换,浮点数相加,数字判断操作示例
2019/11/09 Javascript
vue@cli3项目模板怎么使用public目录下的静态文件
2020/07/07 Javascript
jQuery+ajax实现用户登录验证
2020/09/13 jQuery
js面向对象方式实现拖拽效果
2021/03/03 Javascript
把项目从Python2.x移植到Python3.x的经验总结
2015/04/20 Python
python 中的列表生成式、生成器表达式、模块导入
2019/06/19 Python
jupyter 中文乱码设置编码格式 避免控制台输出的解决
2020/04/20 Python
python进度条显示-tqmd模块的实现示例
2020/08/23 Python
Django websocket原理及功能实现代码
2020/11/14 Python
细说CSS3中box属性中的overflow-x属性和overflow-y属性值的效果
2014/07/21 HTML / CSS
HTML5 Canvas实现玫瑰曲线和心形图案的代码实例
2014/04/10 HTML / CSS
Lee牛仔裤澳大利亚官网:美国著名牛仔裤品牌
2017/09/02 全球购物
澳大利亚个性化儿童礼品网站:Bright Star Kids
2019/06/14 全球购物
高中毕业自我评价
2014/02/08 职场文书
田径运动会通讯稿
2014/09/13 职场文书
承诺函格式模板
2015/01/21 职场文书
2015年公司行政后勤工作总结
2015/05/20 职场文书
SQL Server连接查询的实用教程
2021/04/07 SQL Server