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 相关文章推荐
JavaScript 拾碎[三] 使用className属性
Oct 16 Javascript
JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题
Sep 28 Javascript
jquery Mobile入门—外部链接切换示例代码
Jan 08 Javascript
jQuery结合CSS制作漂亮的select下拉菜单
May 03 Javascript
SWFUpload多文件上传及文件个数限制的方法
May 31 Javascript
JS使用插件cryptojs进行加密解密数据实例
May 11 Javascript
利用ECharts.js画K线图的方法示例
Jan 10 Javascript
如何在vue中使用ts的示例代码
Feb 28 Javascript
深入理解JS的事件绑定、事件流模型
May 13 Javascript
JS中的两种数据类型及实现引用类型的深拷贝的方法
Aug 12 Javascript
浅谈layui 数据表格前后台传值的问题
Sep 12 Javascript
javascript设计模式 ? 观察者模式原理与用法实例分析
Apr 22 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 allow_url_include的应用和解释
2010/04/22 PHP
基于MySQL体系结构的分析
2013/05/02 PHP
php检测文件编码的方法示例
2014/04/25 PHP
php遍历数组的4种方法总结
2014/07/05 PHP
PHP 7的一些引人注目的新特性简单介绍
2015/11/08 PHP
PHP中的使用curl发送请求(GET请求和POST请求)
2017/02/08 PHP
php单元测试phpunit入门实例教程
2017/11/17 PHP
一段好玩的JavaScript代码
2006/12/01 Javascript
JQuery.ajax传递中文参数的解决方法 推荐
2011/03/28 Javascript
非常强大的 jQuery.AsyncBox 弹出对话框插件
2011/08/29 Javascript
jQuery表单获取和失去焦点输入框提示效果的实例代码
2013/08/01 Javascript
使用原生js封装webapp滑动效果(惯性滑动、滑动回弹)
2014/05/06 Javascript
JS实现两表格里数据来回转移的方法
2015/05/28 Javascript
WebSocket实现简单客服聊天系统
2017/05/12 Javascript
详解vue-router2.0动态路由获取参数
2017/06/14 Javascript
vue-resource调用promise取数据方式详解
2017/07/21 Javascript
JavaScript选取(picking)和反选(rejecting)对象的属性方法
2017/08/16 Javascript
vue使用 better-scroll的参数和方法详解
2018/01/25 Javascript
vue.js或js实现中文A-Z排序的方法
2018/03/08 Javascript
解决Mac下安装nmp的淘宝镜像失败问题
2018/05/16 Javascript
详解在React.js中使用PureComponent的重要性和使用方式
2018/07/10 Javascript
js事件on动态绑定数据,绑定多个事件的方法
2018/09/15 Javascript
JS实现处理时间,年月日,星期的公共方法示例
2019/05/31 Javascript
vue实现选中效果
2020/10/07 Javascript
对python csv模块配置分隔符和引用符详解
2018/12/12 Python
python pip源配置,pip配置文件存放位置的方法
2019/07/12 Python
Python编程快速上手——Excel表格创建乘法表案例分析
2020/02/28 Python
伦敦最著名的老字号百货公司:Selfridges(塞尔福里奇百货)
2016/07/25 全球购物
一些Solaris面试题
2013/03/22 面试题
学习十八大精神心得体会
2013/12/31 职场文书
2014副局长群众路线对照检查材料思想汇报
2014/09/22 职场文书
代领报检证委托书范本
2014/10/11 职场文书
房产分割协议书范文
2014/11/21 职场文书
烈士陵园扫墓感想
2015/08/07 职场文书
Java 获取Word中所有的插入和删除修订的方法
2022/04/06 Java/Android
SpringBoot深入分析讲解监听器模式下
2022/07/15 Java/Android