axios.interceptors.request.use简介
创始人
2025-05-31 23:23:16
0

axios.interceptors.request.use返回config

axios.interceptors.request.use方法返回一个函数,该函数接受一个参数config,并返回configPromise`,这样可以修改请求配置或在发送请求之前执行其他操作。

下面是一个示例,其中拦截器在请求头中添加了一个token:

axios.interceptors.request.use(function(config) {const token = localStorage.getItem('token');config.headers.Authorization = token ? `Bearer ${token}` : '';return config;
}, function(error) {return Promise.reject(error);
});

在这个示例中,拦截器函数首先从本地存储中获取token,然后将其添加到请求头的Authorization字段中。然后,它返回修改后的config对象。如果发生错误,它将返回一个被拒绝的Promise对象,这样错误就可以通过catch方法来捕获。

config中的属性介绍

axios.interceptors.request.use()是一个拦截器,它可以在发送请求之前对请求进行拦截并进行一些处理。它的参数是一个函数,该函数接受一个 config 对象作为参数,其中包含了请求的各种配置信息。

以下是 config 对象中一些常用的属性:

  • url: 请求的 URL 地址。
  • method: 请求的 HTTP 方法,如 GET、POST 等。
  • headers: 请求头信息,可以设置一些自定义的头部信息,如认证信息等。
  • params: GET 请求中的查询参数,会被拼接在 URL 后面,如 http://example.com/api?foo=bar
  • data: POST 请求中的请求体,可以是一个普通对象、FormData 对象或者一个字符串。
  • timeout: 请求超时时间,单位为毫秒。
  • withCredentials: 是否携带跨域请求的凭证信息,如 Cookies 等。
  • auth: HTTP 基本认证信息,包含用户名和密码。

除了以上常用属性外,config 对象还有其他一些属性,具体可以参考 axios 的官方文档。在 axios.interceptors.request.use() 拦截器中,我们可以通过修改 config 对象中的属性来对请求进行自定义处理。处理完之后,需要将 config 对象返回,否则请求将被阻止。

先赞后看,养成习惯!!!^ _ ^ ❤️ ❤️ ❤️
码字不易,大家的支持就是我的坚持下去的动力。点赞后不要忘了关注我哦!

相关内容

热门资讯

安卓系统应用数据目录,揭秘系统... 你有没有想过,你的安卓手机里那些应用,它们的数据都藏在哪个角落呢?今天,就让我带你一探究竟,揭开安卓...
kindle 安卓 系统 刷机... 亲爱的读者们,你是不是也和我一样,对电子阅读设备情有独钟?尤其是那款小巧便携的Kindle,简直是阅...
平板 win 安卓 双系统,... 你有没有想过,拥有一台既能运行Windows系统,又能流畅使用安卓应用的多功能平板电脑,是不是能让你...
电脑安卓和苹果系统,电脑操作系... 你有没有发现,现在无论是工作还是娱乐,电脑已经成了我们生活中不可或缺的好伙伴呢!而在这众多电脑中,安...
手机安卓系统下载5.0,引领智... 你有没有发现,最近手机界又掀起了一股热潮?没错,就是安卓系统5.0的下载。这可是安卓家族里的一大亮点...
小森生活系统安卓,打造绿色生态... 你知道吗?最近在手机应用市场上,有个叫做“小森生活系统安卓”的新玩意儿火得一塌糊涂。它就像一个神奇的...
王者荣耀安卓系统更换,畅享全新... 最近是不是发现你的王者荣耀游戏体验有点不对劲?别急,让我来给你揭秘一下安卓系统更换背后的那些事儿!一...
ios系统数据如何导入安卓系统... 你是不是也有过这样的经历:手机里存满了珍贵的照片、视频和联系人,突然有一天,你决定换一台安卓手机,却...
王者荣耀启动安卓系统,畅享指尖... 你知道吗?最近王者荣耀可是大动作连连,竟然宣布要启动安卓系统了!这消息一出,瞬间在游戏圈引起了不小的...
安卓始终显示系统栏,安卓系统栏... 你是不是也遇到了这个问题?手机屏幕上那个讨厌的系统栏,有时候它就像一个顽皮的小鬼,总是赖在你的屏幕上...
苹果系统可以装在安卓,探索跨平... 你知道吗?最近在科技圈里可是掀起了一股热潮呢!那就是——苹果系统竟然可以装在安卓设备上!是不是听起来...
安卓系统双清目的,安卓系统双清... 你知道吗?最近在安卓系统圈子里,有个话题可是热得不得了,那就是“双清”。别小看这个“双清”,它可是关...
安卓系统台电平板,畅享智能生活... 你有没有发现,最近身边的朋友都开始讨论起一款叫做台电的安卓系统平板电脑呢?这可不是随便说说,这款平板...
三菱安卓系统,智能科技与驾驶体... 亲爱的读者,你是否曾好奇过,那些在我们生活中默默无闻的汽车品牌,它们是如何将科技与驾驶体验完美结合的...
安卓系统为什么好,引领智能生活... 你有没有发现,身边的朋友、同事,甚至家人,几乎人手一台安卓手机?这可不是偶然现象哦!安卓系统,这个来...
安卓如何改键盘系统,Andro... 你是不是也和我一样,对安卓手机的键盘系统有点儿不满意?想要换一个更顺手的键盘,但又不知道怎么操作?别...
怎么升级安卓14系统,解锁安卓... 你有没有发现,你的安卓手机最近是不是有点儿慢吞吞的?别急,别急,升级到安卓14系统,让你的手机焕发新...
安卓手机如何系统内录,轻松生成... 你有没有想过,有时候想要记录下手机里的精彩瞬间,却发现没有合适的工具?别急,今天就来教你怎么在安卓手...
最绚丽的安卓系统,最绚丽版本全... 哇,你知道吗?在安卓的世界里,有一款系统,它就像是一颗璀璨的明珠,闪耀着最绚丽的色彩。它就是——最绚...
小米系统安卓通知权限,深度解析... 亲爱的手机控们,你是否曾为手机通知栏里乱糟糟的信息而烦恼?又或者,你是否好奇过,为什么有些应用总是能...