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) { 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 对象返回
 

 

 

 

 

 

 ，否则请求将被阻止             。

先赞后看            ，养成习惯！！！^ _ ^ ❤️ ❤️ ❤️ 码字不易 

 
 

 
 

 
 

 
 

 
 

 
 
，大家的支持就是我的坚持下去的动力 
  
 
  
 
  
 
  
 
  
 
  
 
。点赞后不要忘了关注我哦！