在二次封装axios时，如何选择封装方式？

Question

关于 axios 二次封装方法的问题

1. 通过 class 创建多个实例

   class Http {   ...}const http1 = new Http()const http2 = new Http()

2. 仅通过 axios 创建一个实例

   import axios from 'axios'const axiosInstance = axios.create({   baseURL: import.meta.env.VITE_APP_BASE_URL,   timeout: 5000})export default axiosInstance

哪种方法更好些呢？或者大家有更好的封装思路吗？

看了一些博客，关于用 class 包装的 axios， 给出来的好处是 不同的服务可以加不同的拦截器，我刚工作不久，不知道有什么场景需要用到这种需求。我更偏向于第二种方法，感觉我接触到的服务，只需要切换一下 baseUrl,并没有别的需求了。

Answer 1

在二次封装 axios 时，选择封装方式需要考虑实际需求和项目规模。

如果你希望为不同的服务使用不同的拦截器或配置，那么通过 class 创建多个实例可能是更好的选择。这种方式可以让你为每个服务独立设置拦截器和配置，使得代码更具可维护性和灵活性。例如，你可以为 API 请求较多的服务设置一个特定的拦截器来记录请求日志，而对于其他服务则不需要这个拦截器。

另外，如果你只是需要切换 baseUrl，那么通过 axios 创建一个实例可能更为简洁和方便。这种方式可以让你在整个项目中共享同一个 axios 实例，避免了重复的配置和初始化工作。同时，你可以通过配置该实例来统一管理请求的拦截器和超时时间等。

除了以上两种方式，还有其他的封装思路可供选择。例如，你可以使用工厂函数来创建 axios 实例，以便根据不同的参数返回不同的配置。或者你可以使用第三方库（如 axios-mock-adapter）来模拟 axios 请求，以便在测试中控制和模拟请求响应。

总之，选择合适的封装方式取决于你的实际需求和项目规模。在实践中，可以根据具体情况进行尝试和调整，以找到最适合你的方式。