我的编程空间,编程开发者的网络收藏夹
学习永远不晚

axios中怎么设置全局请求参数

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

axios中怎么设置全局请求参数

这篇文章将为大家详细讲解有关axios中怎么设置全局请求参数,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

应用场景:

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中怎么设置全局请求参数就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

axios中怎么设置全局请求参数

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

怎么设置git全局参数名字

本篇内容主要讲解“怎么设置git全局参数名字”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么设置git全局参数名字”吧!打开Git Bash首先,我们需要打开Git Bash终端。在Windo
2023-07-05

Node.js中怎么处理POST请求并获取请求参数

本篇内容介绍了“Node.js中怎么处理POST请求并获取请求参数”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!接收POST请求在Node.
2023-07-05

vue中数据请求axios怎么封装和使用

这篇文章主要介绍了vue中数据请求axios怎么封装和使用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇vue中数据请求axios怎么封装和使用文章都会有所收获,下面我们一起来看看吧。一、什么是axios
2023-06-30

vue3怎么配置全局参数及组件

这篇“vue3怎么配置全局参数及组件”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“vue3怎么配置全局参数及组件”文章吧。v
2023-07-06

axios请求中以params或body形式传递参数的区别是什么

今天小编给大家分享一下axios请求中以params或body形式传递参数的区别是什么的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解
2023-07-05

SpringBoot中怎么实现请求参数校验

在Spring Boot中,可以使用JSR 303规范中的注解来实现请求参数的校验。具体步骤如下:在Controller类中的请求方法参数前添加校验注解,比如@Validated和@NotBlank等。@RestController@Re
SpringBoot中怎么实现请求参数校验
2024-03-08

Linux中怎么设置全局变量

这篇“Linux中怎么设置全局变量”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Linux中怎么设置全局变量”文章吧。Lin
2023-06-27

vue中同步和异步请求怎么设置

本篇内容介绍了“vue中同步和异步请求怎么设置”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!一、什么是同步请求在前端开发中,我们通常使用异步
2023-07-06

Vue中怎么设置全局的cookie对象

这篇文章主要介绍了Vue中怎么设置全局的cookie对象的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇Vue中怎么设置全局的cookie对象文章都会有所收获,下面我们一起来看看吧。Vue设置全局的cookie对
2023-07-04

jquery中lazyload.js参数怎么设置

在jQuery的lazyload.js插件中,可以通过设置不同的参数来自定义懒加载的行为。下面是一些常见的参数设置:1. `threshold`:设置元素进入视窗多少像素时开始加载,默认为0。```javascript$('img').la
2023-09-21

编程热搜

目录