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 常见对象类创建代码与优缺点分析
Dec 07 Javascript
js 幻灯片的实现
Dec 06 Javascript
javascript中将Object转换为String函数代码 (json str)
Apr 29 Javascript
Firefox中beforeunload事件的实现缺陷浅析
May 03 Javascript
详解JavaScript的while循环的使用
Jun 03 Javascript
jquery+css实现的红色线条横向二级菜单效果
Aug 22 Javascript
javascript Slip.js实现整屏滑动的手机网页
Nov 25 Javascript
理解JavaScript中worker事件api
Dec 25 Javascript
switch语句的妙用(必看篇)
Oct 03 Javascript
JS调用Android、Ios原生控件
Jan 06 Javascript
Vue.js简易安装和快速入门(第二课)
Oct 17 Javascript
Bootstrap table中toolbar新增条件查询及refresh参数使用方法
May 18 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中file_exists()判断中文文件名无效的解决方法
2014/11/12 PHP
Laravel中Trait的用法实例详解
2016/03/16 PHP
Thinkphp整合微信支付功能
2016/12/14 PHP
ubutu 16.04环境下,PHP与mysql数据库,网页登录验证实例讲解
2017/07/20 PHP
PHP 实现base64编码文件上传出现问题详解
2020/09/01 PHP
用js实现的仿sohu博客更换页面风格(简单版)
2007/03/22 Javascript
国外Lightbox v2.03.3 最新版 下载
2007/10/17 Javascript
jquery.validate使用攻略 第三部
2010/07/01 Javascript
判断文档离浏览器顶部的距离的方法
2014/01/08 Javascript
简单的js图片轮换代码(js图片轮播)
2014/05/06 Javascript
JavaScript实现仿网易通行证表单验证
2015/05/25 Javascript
bootstrap网页框架的使用方法
2016/05/10 Javascript
使用Bootstrap typeahead插件实现搜索框自动补全的方法
2016/07/07 Javascript
详解vue.js组件化开发实践
2016/12/14 Javascript
JavaScript基于数组实现的栈与队列操作示例
2018/12/22 Javascript
python通过post提交数据的方法
2015/05/06 Python
python批量实现Word文件转换为PDF文件
2018/03/15 Python
python使用socket创建tcp服务器和客户端
2018/04/12 Python
使用TensorFlow直接获取处理MNIST数据方式
2020/02/10 Python
Python之字典添加元素的几种方法
2020/09/30 Python
三星新西兰官网:Samsung新西兰
2019/03/05 全球购物
意大利文具和办公产品在线商店:Y-Office
2020/02/27 全球购物
输入N,打印N*N矩阵
2012/02/20 面试题
环境工程毕业生自荐信
2013/11/17 职场文书
生物医学工程专业学生求职信范文分享
2013/12/14 职场文书
计算机专业学生的自我评价
2013/12/15 职场文书
会计出纳员的自我评价
2014/01/15 职场文书
优秀老员工获奖感言
2014/02/15 职场文书
外语系大学生自荐信范文
2014/03/01 职场文书
同学聚会主持词
2014/03/18 职场文书
《路旁的橡树》教学反思
2014/04/07 职场文书
2015年考研复习计划
2015/01/19 职场文书
人事行政主管岗位职责
2015/04/09 职场文书
企业文化学习心得体会
2016/01/21 职场文书
Nginx 路由转发和反向代理location配置实现
2021/11/11 Servers
Html5同时支持多端sdk的小技巧
2021/11/17 HTML / CSS