axios响应拦截器的使用方法

axios是一个常用的HTTP客户端库，可以用于发送HTTP请求。在axios中，响应拦截器用来在接收到响应之后对数据进行处理或者进行一些其他的操作。

使用axios的响应拦截器，可以通过axios.interceptors.response.use方法来实现。具体的使用方法如下：

// 导入axios
import axios from 'axios';

// 创建一个axios实例
const instance = axios.create({
  baseURL: 'https://api.example.com', // 设置请求的基本URL
  timeout: 5000 // 设置请求超时时间
});

// 添加响应拦截器
instance.interceptors.response.use(
  response => {
    // 对响应数据进行处理
    // 可以在这里进行一些统一的数据处理，比如对返回的数据进行格式化、错误处理等
    return response;
  },
  error => {
    // 对响应错误进行处理
    // 可以在这里进行一些统一的错误处理，比如对错误状态码进行判断、错误提示等
    return Promise.reject(error);
  }
);

// 发送请求
instance.get('/api/example')
  .then(response => {
    // 处理响应数据
  })
  .catch(error => {
    // 处理响应错误
  });

在上面的代码中，首先通过axios.create方法创建了一个axios实例，然后使用instance.interceptors.response.use方法添加了一个响应拦截器。在这个拦截器中，可以对响应数据进行处理或者对响应错误进行处理。最后通过实例的get方法发送了一个GET请求，并在then和catch中处理响应数据和错误。

通过使用axios的响应拦截器，我们可以在统一的地方对响应数据进行处理，提高代码的可维护性和复用性。