如何进行 Axios 的二次封装以便于在项目中复用和管理请求逻辑？

为了在项目中更方便地复用和管理 Axios 请求逻辑，你可以创建一个自定义的 Axios 工具库或者模块。以下是一个简单的步骤：

1. 引入 Axios 库：首先，在项目入口处引入 Axios，通常会通过 ES6 模块导入。

import axios from 'axios';

2. 创建Axios实例（可选）：如果你需要设置全局配置，如基础 URL 或者错误处理函数，可以创建一个 Axios 实例，并保存在变量里。

const instance = axios.create({
  baseURL: 'http://api.example.com',
  timeout: 5000,
  headers: {
    'Content-Type': 'application/json'
  }
});

3. 定义 API 函数：创建一个工厂函数，接受请求参数，并返回一个 Promise，用于封装具体的请求操作。这通常包括 URL、方法、数据等。

function request(url, method, data) {
  return instance.request({
    url,
    method,
    data,
    // 可能需要添加其他选项，如配置拦截器
    params: { ... },
    headers: { ... }
  });
}

4. 提供辅助方法：为了简化操作，你可以提供一些常用的辅助方法，比如 GET、POST、PUT 等。

function get(url, params) {
  return request(url, 'get', params);
}

function post(url, data) {
  return request(url, 'post', data);
}

// 添加其他你需要的 HTTP 方法

5. 错误处理：为了统一处理响应和错误，可以在工具库内加入拦截器，对所有请求进行统一处理。

instance.interceptors.response.use(
  (response) => response.data,
  (error) => {
    // 返回错误信息或处理异常
    console.error('Error:', error);
    return Promise.reject(error);
  }
);

instance.interceptors.request.use(
  (config) => config,
  (error) => {
    // 请求失败时修改配置或返回错误
    return Promise.reject(error);
  }
);

6. 使用封装好的函数：现在你在项目的各个地方只需要引用这个工具库里的函数来进行 Axios 请求，如 `get` 和 `post`，而不需要每次都直接使用 Axios。