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 对象返回,否则请求将被阻止。

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

相关内容

热门资讯

【MySQL】锁 锁 文章目录锁全局锁表级锁表锁元数据锁(MDL)意向锁AUTO-INC锁...
【内网安全】 隧道搭建穿透上线... 文章目录内网穿透-Ngrok-入门-上线1、服务端配置:2、客户端连接服务端ÿ...
GCN的几种模型复现笔记 引言 本篇笔记紧接上文,主要是上一篇看写了快2w字,再去接入代码感觉有点...
数据分页展示逻辑 import java.util.Arrays;import java.util.List;impo...
Redis为什么选择单线程?R... 目录专栏导读一、Redis版本迭代二、Redis4.0之前为什么一直采用单线程?三、R...
【已解决】ERROR: Cou... 正确指令: pip install pyyaml
关于测试,我发现了哪些新大陆 关于测试 平常也只是听说过一些关于测试的术语,但并没有使用过测试工具。偶然看到编程老师...
Lock 接口解读 前置知识点Synchronized synchronized 是 Java 中的关键字,...
Win7 专业版安装中文包、汉... 参考资料:http://www.metsky.com/archives/350.htm...
3 ROS1通讯编程提高(1) 3 ROS1通讯编程提高3.1 使用VS Code编译ROS13.1.1 VS Code的安装和配置...
大模型未来趋势 大模型是人工智能领域的重要发展趋势之一,未来有着广阔的应用前景和发展空间。以下是大模型未来的趋势和展...
python实战应用讲解-【n... 目录 如何在Python中计算残余的平方和 方法1:使用其Base公式 方法2:使用statsmod...
学习u-boot 需要了解的m... 一、常用函数 1. origin 函数 origin 函数的返回值就是变量来源。使用格式如下...
常用python爬虫库介绍与简... 通用 urllib -网络库(stdlib)。 requests -网络库。 grab – 网络库&...
药品批准文号查询|药融云-中国... 药品批文是国家食品药品监督管理局(NMPA)对药品的审评和批准的证明文件...
【2023-03-22】SRS... 【2023-03-22】SRS推流搭配FFmpeg实现目标检测 说明: 外侧测试使用SRS播放器测...
有限元三角形单元的等效节点力 文章目录前言一、重新复习一下有限元三角形单元的理论1、三角形单元的形函数(Nÿ...
初级算法-哈希表 主要记录算法和数据结构学习笔记,新的一年更上一层楼! 初级算法-哈希表...
进程间通信【Linux】 1. 进程间通信 1.1 什么是进程间通信 在 Linux 系统中,进程间通信...
【Docker】P3 Dock... Docker数据卷、宿主机与挂载数据卷的概念及作用挂载宿主机配置数据卷挂载操作示例一个容器挂载多个目...