axios的使用说明

Axios 是一个基于 Promise 的 HTTP 库，可以用在浏览器和 Node.js 中。它提供了一系列的请求和响应拦截器，可以实现数据转换、请求授权、防御 XSRF 等功能。下面是 Axios 的详细使用说明。

1. 安装 Axios

在项目中安装 Axios，可以使用 npm 或者 yarn 命令：

npm install axios

或者

yarn add axios

2. 引入 Axios

在需要使用 Axios 的文件中引入 Axios：

import axios from 'axios';

3. 创建 Axios 实例

创建 Axios 实例，可以在实例中配置一些默认参数，如请求超时时间等：

const httpService = axios.create({
  timeout: 3000 // 请求超时时间，单位为毫秒
});

4. 请求拦截器

使用请求拦截器可以在请求前做一些处理，如添加授权信息、请求数据加密等：

httpService.interceptors.request.use(config => {
  // 在发送请求之前做些什么
  // 例如添加请求头、加密请求数据等
  return config;
}, error => {
  // 对请求错误做些什么
  Promise.reject(error);
});

5. 响应拦截器

使用响应拦截器可以在响应前做一些处理，如对响应数据进行解密、统一处理响应数据等：

httpService.interceptors.response.use(response => {
  // 对响应数据做点什么，例如解密、统一处理等
  return response.data;
}, error => {
  // 对响应错误做点什么，例如统一处理错误码等
  if (error && error.response) {
    switch (error.response.status) {
      case 400:
        error.message = '错误请求';
        break;
      case 401:
        error.message = '未授权，请重新登录';
        break;
      // 其他错误处理...
    }
  } else {
    error.message = '请求失败'; // 其他错误处理...
  }
  return Promise.reject(error); // 将错误传递给下一个拦截器或者调用者...
});