axios.interceptors.request.use简介

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

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

你可能感兴趣的:(问题小本,前端,javascript,开发语言)