JS 封装 axios

JS 封装 axios的步骤如下[^1][^2]：

1. 在项目的src目录下创建一个api文件夹，并在该文件夹下创建一个request.js文件，用于封装axios的代码。

2. 在request.js文件中，首先使用import语句引入axios模块：

import axios from 'axios';

3. 使用axios.create()方法创建一个自定义的axios实例，并进行相关配置，例如设置基础URL和超时时间：

const instance = axios.create({
  baseURL: 'http://api.example.com', // 设置基础URL
  timeout: 5000 // 设置超时时间为5秒
});

4. 可以对axios实例进行进一步的配置，例如设置请求拦截器和响应拦截器：

// 请求拦截器
instance.interceptors.request.use(config => {
  // 在发送请求之前做些什么
  return config;
}, error => {
  // 对请求错误做些什么
  return Promise.reject(error);
});

// 响应拦截器
instance.interceptors.response.use(response => {
  // 对响应数据做些什么
  return response;
}, error => {
  // 对响应错误做些什么
  return Promise.reject(error);
});

5. 最后，可以导出封装好的axios实例，以便在其他地方使用：

export default instance;

这样，我们就完成了JS封装axios的过程。