NPM方式安装 Axios
Axios是一个基于Promise的HTTP客户端，可以在浏览器和Node.js中发送HTTP请求。它提供了许多强大的功能，如拦截器、取消请求、错误处理等，使得我们能够更加方便地与后端服务器进行交互。
本文将介绍如何使用NPM来安装Axios，并提供一些代码示例来帮助大家更好地理解和使用Axios。
安装Axios
要安装Axios，我们需要使用NPM（Node Package Manager），它是Node.js的包管理工具。首先，确保已经安装了Node.js和NPM。可以在命令行中运行以下命令来检查是否已经安装成功：
node -v
npm -v
如果显示了Node.js和NPM的版本号，则说明安装成功。
接下来，我们可以使用以下命令来安装Axios：
npm install axios
这将会将Axios作为一个依赖项添加到当前项目的node_modules文件夹中。
使用Axios发送HTTP请求
一旦安装成功，我们就可以在代码中使用Axios来发送HTTP请求了。首先，我们需要在代码中导入Axios模块：
const axios = require('axios');
如果你正在使用ES6模块化的方式，可以使用以下语法导入Axios：
import axios from 'axios';
接下来，我们就可以使用Axios来发送GET、POST等请求了。下面是一个发送GET请求的例子：
axios.get('
.then(function (response) {
console.log(response.data);
})
.catch(function (error) {
console.log(error);
});
在上面的代码中，我们使用Axios发送了一个GET请求到`
类似地，我们还可以发送POST、PUT、DELETE等请求。以下是一个发送POST请求的例子：
axios.post(' {
name: 'John Doe',
age: 30
})
.then(function (response) {
console.log(response.data);
})
.catch(function (error) {
console.log(error);
});
在上面的代码中，我们使用Axios发送了一个POST请求到`
拦截器
Axios提供了拦截器的功能，可以在发送请求和接收响应之前对它们进行拦截和修改。这对于在请求中加入认证信息、处理错误等非常有用。
要使用拦截器，我们可以在Axios实例上调用interceptors对象的request方法和response方法，来添加请求和响应的拦截器。
以下是一个添加请求拦截器和响应拦截器的例子：
axios.interceptors.request.use(function (config) {
// 在发送请求之前做些什么
console.log('Request Interceptor');
return config;
}, function (error) {
// 对请求错误做些什么
console.log('Request Error Interceptor');
return Promise.reject(error);
});
axios.interceptors.response.use(function (response) {
// 对响应数据做些什么
console.log('Response Interceptor');
return response;
}, function (error) {
// 对响应错误做些什么
console.log('Response Error Interceptor');
return Promise.reject(error);
});
上面的代码中，我们使用axios.interceptors.request.use方法来添加一个请求拦截器，使用axios.interceptors.response.use方法来添加一个响应拦截器。这些拦截器将在发送请求和接收响应之前被调用，并且可以对请求和响应进行各种操作。
取消请求
使用Axios，我们还可以取消正在进行的请求。当我们需要终止一个请求时，可以使用cancelToken来取消它。
以下是一个使用cancelToken取消请求的例子：
const CancelToken = axios.CancelToken;
let cancel;
axios.get(' {
cancelToken: new CancelToken(function executor(c) {
// executor函数接收一个cancel函数作为参数
