封装axios

axios是一个基于Promise的HTTP库，可以在浏览器和Node.js中使用。它支持请求和响应拦截器、取消请求、自动转换JSON数据、CSRF保护等功能。

在封装axios时，我们可以创建一个单独的模块，将公共的配置和方法封装起来。例如，我们可以创建一个http.js文件，其中包含以下代码：

import axios from 'axios';

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

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

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

export default http;

在上面的代码中，我们使用axios.create方法创建了一个axios实例，并设置了一些公共配置。我们还使用interceptors属性添加了请求和响应拦截器，用于处理请求和响应的错误、数据转换等操作。

最后，我们将封装好的axios实例导出，以便在其他地方使用。例如，我们可以在其他模块中导入http.js文件，并使用该实例进行HTTP请求：

import http from './http.js';

http.get('/users')
  .then((response) => {
    console.log(response);
  })
  .catch((error) => {
    console.error(error);
  });

这样，我们就可以很方便地使用封装好的axios实例进行HTTP请求，并且可以通过拦截器进行统一的错误处理和数据转换。