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 框架小结 个人工作经验
Jun 13 Javascript
js数组的操作详解
Mar 27 Javascript
js创建子窗口并且回传值示例代码
Jul 02 Javascript
jquery form表单序列化为对象的示例代码
Mar 05 Javascript
浅谈Javascript 数组与字典
Jan 29 Javascript
javascript对象的创建和访问
Mar 08 Javascript
DWR3 访问WEB元素的两种方法实例详解
Jan 03 Javascript
原生js实现旋转木马轮播图效果
Feb 27 Javascript
浅谈vuejs实现数据驱动视图原理
Feb 23 Javascript
实现高性能javascript的注意事项
May 27 Javascript
请求时token过期自动刷新token操作
Sep 11 Javascript
JavaScript WeakMap使用详解
Feb 05 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
PHP5中虚函数的实现方法分享
2011/04/20 PHP
php中数组首字符过滤功能代码
2012/07/31 PHP
php实现发送微信模板消息的方法
2015/03/07 PHP
php arsort 数组降序排序详细介绍
2016/11/17 PHP
php中curl和soap方式请求服务超时问题的解决
2018/06/11 PHP
PHP实现微信商户支付企业付款到零钱功能
2018/09/30 PHP
node.js中的socket.io入门实例
2014/04/26 Javascript
JS+CSS实现实用的单击输入框弹出选择框的方法
2015/02/28 Javascript
Hammer.js+轮播原理实现简洁的滑屏功能
2016/02/02 Javascript
JavaScript html5 canvas绘制时钟效果
2016/03/01 Javascript
通过隐藏iframe实现无刷新上传文件操作
2016/03/16 Javascript
【经典源码收藏】基于jQuery的项目常见函数封装集合
2016/06/07 Javascript
JQuery DIV 动态隐藏和显示的方法
2016/06/23 Javascript
详谈jQuery unbind 删除绑定事件 / 移除标签方法
2017/03/02 Javascript
微信小程序获取用户openId的实现方法
2017/05/23 Javascript
详解从零搭建 vue2 vue-router2 webpack3 工程
2017/11/22 Javascript
react redux入门示例
2018/04/19 Javascript
解决vue 按钮多次点击重复提交数据问题
2018/05/10 Javascript
使用vue的transition完成滑动过渡的示例代码
2018/06/25 Javascript
jQuery Migrate 插件用法实例详解
2019/05/22 jQuery
layer.open弹层查看缩略图的原图,自适应大小的实例
2019/09/05 Javascript
Node.js 中如何收集和解析命令行参数
2021/01/08 Javascript
python海龟绘图实例教程
2014/07/24 Python
让Python代码更快运行的5种方法
2015/06/21 Python
python读取图片的方式,以及将图片以三维数组的形式输出方法
2019/07/03 Python
CSS3 rgb and rgba(透明色)的使用详解
2020/09/25 HTML / CSS
大学生毕业的自我鉴定
2013/11/13 职场文书
检察官就职演讲稿
2014/01/13 职场文书
《再见了,亲人》教学反思
2014/02/26 职场文书
对孩子的寄语
2014/04/09 职场文书
开服装店计划书
2014/08/15 职场文书
2015年党风廉政建设责任书
2015/01/29 职场文书
python 爬取豆瓣网页的示例
2021/04/13 Python
Python爬虫:从m3u8文件里提取小视频的正确操作
2021/05/14 Python
Mysql基础知识点汇总
2021/05/26 MySQL
docker 制作mysql镜像并自动安装
2022/05/20 Servers