Axios详细介绍以及基本使用

Axios是一个基于Promise的HTTP库，专为浏览器和Node.js设计，它使得在JavaScript环境中发送HTTP请求变得简单易用。Axios支持浏览器环境下的XMLHttpRequest API，也能够处理JSONP、CORS（跨源资源共享）、本地文件以及浏览器History API请求。

**基本使用步骤：**

1. **安装**: 首先需要通过npm或yarn在项目中安装axios库：

   npm install axios
   # 或者
   yarn add axios

2. **导入并创建实例**: 引入axios库，并创建一个axios实例，后续所有的请求都将基于这个实例进行：

   const axios = require('axios');
   const instance = axios.create();

3. **发送GET请求**:

   instance.get('https://api.example.com/data')
     .then(response => {
       console.log(response.data);
     })
     .catch(error => {
       console.error(error);
     });

4. **发送POST请求**:

   instance.post('https://api.example.com/submit', { key: 'value' })
     .then(response => {
       console.log(response.data);
     })
     .catch(error => {
       console.error(error);
     });

5. **配置选项**: 可以设置axios实例的一些默认选项，如超时时间、请求头等：

   instance.defaults.timeout = 1000;

6. **取消请求**: 使用`cancelToken`可以取消正在运行的请求：

   const cancelToken = axios.CancelToken.source();
   const request = instance.get('/delayed', { cancelToken: cancelToken.token });

   // 稍后如果想要取消请求
   cancelToken.cancel('Operation cancelled by the user.');

**