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 EasyUI API 中文文档 - Panel面板
Sep 30 Javascript
JavaScript实现自己的DOM选择器原理及代码
Mar 04 Javascript
jquery.validate的使用说明介绍
Nov 12 Javascript
json属性名为什么要双引号(个人猜测)
Jul 31 Javascript
jQuery Easyui使用(一)之可折叠面板的布局手风琴菜单
Aug 17 Javascript
微信小程序 Canvas增强组件实例详解及源码分享
Jan 04 Javascript
多个上传文件用js验证文件的格式和大小的方法(推荐)
Mar 09 Javascript
作为老司机使用 React 总结的 11 个经验教训
Apr 08 Javascript
Angular2 组件间通过@Input @Output通讯示例
Aug 24 Javascript
vue环形进度条组件实例应用
Oct 10 Javascript
JavaScript实现数字前补“0”的五种方法示例
Jan 03 Javascript
小白教程|一小时上手最流行的前端框架vue(推荐)
Apr 10 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来自动调用不同服务器上的flash
2006/10/09 PHP
php+memcache实现的网站在线人数统计代码
2014/07/04 PHP
php 利用socket发送HTTP请求(GET,POST)
2015/08/24 PHP
php生成带logo二维码方法小结
2016/04/08 PHP
jQuery移动和复制dom节点实用DOM操作案例
2012/12/17 Javascript
javascript动态向网页中添加表格实现代码
2014/02/19 Javascript
JavaScript 实现简单的倒计时弹窗DEMO附图
2014/03/05 Javascript
标题过长使用javascript按字节截取字符串
2014/04/24 Javascript
jQuery地图map悬停显示省市代码分享
2015/08/20 Javascript
jquery实现的Banner广告收缩效果代码
2015/09/02 Javascript
XML、HTML、CSS与JS的区别整理
2016/02/18 Javascript
javascript实现数字倒计时特效
2016/03/30 Javascript
chosen实现省市区三级联动
2018/08/16 Javascript
axios取消请求的实践记录分享
2018/09/26 Javascript
Vue中import from的来源及省略后缀与加载文件夹问题
2020/02/09 Javascript
让你30分钟快速掌握vue3教程
2020/10/26 Javascript
Vue中强制组件重新渲染的正确方法
2021/01/03 Vue.js
小程序实现列表倒计时功能
2021/01/29 Javascript
python遍历文件夹并删除特定格式文件的示例
2014/03/05 Python
Python实现的简单发送邮件脚本分享
2014/11/07 Python
python获取元素在数组中索引号的方法
2015/07/15 Python
Python的Flask框架中配置多个子域名的方法讲解
2016/06/07 Python
python获取当前用户的主目录路径方法(推荐)
2017/01/12 Python
磁盘垃圾文件清理器python代码实现
2020/08/24 Python
使用Python做定时任务及时了解互联网动态
2019/05/15 Python
django foreignkey(外键)的实现
2019/07/29 Python
window7下的python2.7版本和python3.5版本的opencv-python安装过程
2019/10/24 Python
python爬虫 requests-html的使用
2020/11/30 Python
python函数超时自动退出的实操方法
2020/12/28 Python
FOREO官方网站:LUNA露娜洁面仪
2016/11/28 全球购物
物流毕业生个人的自我评价
2014/02/13 职场文书
幼儿园六一儿童节文艺汇演主持词
2014/03/21 职场文书
单位个人查摆问题及整改措施
2014/10/28 职场文书
一文弄懂MySQL索引创建原则
2022/02/28 MySQL
Nginx配置之禁止指定IP访问
2022/05/02 Servers
Win11任务栏无法正常显示 资源管理器不停重启的解决方法
2022/07/07 数码科技