axios.interceptors.request.use简介

axios.interceptors.request.use返回config

axios.interceptors.request.use

方法返回一个函数，该函数接受一个参数

config

，并返回

config

或

Promise`，这样可以修改请求配置或在发送请求之前执行其他操作。

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

axios.interceptors.request.use(function(config){const token = localStorage.getItem('token');config.headers.Authorization= token ? `Bearer ${token}` : '';return config;},function(error){returnPromise.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

对象返回，否则请求将被阻止。

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