axios二次封装 coderwhy

axios的二次封装是指在使用axios发送请求时，对axios进行一些额外的配置或封装，以便更好地适应项目需求或提高开发效率。对于二次封装，可以有多种实现方式，下面是一个常见的axios二次封装的示例：

// 封装一个axios实例
import axios from 'axios';

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

// 设置请求拦截器，可以在发起请求前进行一些操作，比如添加token等
instance.interceptors.request.use(
  config => {
    // 在这里可以对config进行修改
    return config;
  },
  error => {
    // 处理请求错误
    return Promise.reject(error);
  }
);

// 设置响应拦截器，可以在接收到响应后进行一些操作，比如处理错误信息等
instance.interceptors.response.use(
  response => {
    // 在这里可以对response进行修改
    return response;
  },
  error => {
    // 处理响应错误
    return Promise.reject(error);
  }
);

export default instance;

通过以上封装，我们可以在项目中使用`import instance from './axiosInstance';`来引入封装好的axios实例，然后使用该实例进行请求发送。

这样做的好处是可以统一管理请求的基础URL、超时时间等配置，还可以方便地添加请求拦截器和响应拦截器来处理一些通用逻辑，比如统一处理错误信息、添加认证信息等。

二次封装axios可以提高代码的重用性和可维护性，减少重复的配置代码，并且可以更好地满足项目的需求和规范。