发布时间:2023-05-04 文章分类:WEB开发, 电脑百科 投稿人:李佳 字号: 默认 | | 超大 打印

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 对象中一些常用的属性:

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

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