Axios请求拦截

52 阅读1分钟

Axios 请求拦截

  • 请求拦截器

// 添加请求拦截器

axios.interceptors.request.use(config => {

  // 在发送请求之前对config进行处理
  
  config.headers.Authorization = 'Bearer token';
  
  return config;
  
}, error => {

  // 请求错误的处理逻辑
  
  console.error(error);
  
  return Promise.reject(error);
  
});
  • 响应拦截器

// 添加响应拦截器

axios.interceptors.response.use(response => {

  // 在接收到响应之前对response进行处理
  
  return response.data;
  
}, error => {

  // 响应错误的处理逻辑
  
  console.error(error);
  
  return Promise.reject(error);
  
});

上述代码中,请求拦截器在发送请求之前对config进行了处理,可以在headers中添加认证信息。响应拦截器在接收到响应之前对response进行了处理,并返回响应数据。