主要特性

1. 支持浏览器和 Node.js：在浏览器环境中，Axios 基于 XMLHttpRequest 对象来发送 HTTP 请求；在 Node.js 环境中，它使用 http 模块进行请求，这使得开发者可以在不同环境下使用统一的 API 来处理网络请求。
2. Promise API：采用 Promise 来处理请求和响应，这让异步操作的处理更加直观和简洁，能够方便地使用 async/await 语法，避免回调地狱问题。
3. 拦截请求和响应：可以在请求发送前和响应返回后对数据进行拦截和处理。例如，在请求头中添加认证信息，或者对响应数据进行统一的错误处理。
4. 转换请求和响应数据：能够对请求数据和响应数据进行自动转换，默认情况下，它会将 JSON 数据进行解析和序列化，开发者也可以自定义转换函数。
5. 取消请求：支持取消请求操作，当请求不再需要时，可以及时取消，避免不必要的网络开销。
6. 自动转换 JSON 数据：在发送请求时，如果请求数据是 JavaScript 对象，Axios 会自动将其转换为 JSON 字符串；在接收响应时，如果响应数据是 JSON 格式，Axios 会自动将其解析为 JavaScript 对象。

基本使用方法

1. 安装

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

npm install axios

2. 发送请求

// 发送 GET 请求
axios.get('https://api.example.com/data')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

// 发送 POST 请求
axios.post('https://api.example.com/submit', {
  name: 'John',
  age: 30
})
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

// 使用 async/await 发送请求
async function fetchData() {
  try {
    const response = await axios.get('https://api.example.com/data');
    console.log(response.data);
  } catch (error) {
    console.error(error);
  }
}

fetchData();

应用场景

1. 数据获取：从服务器获取数据，如获取新闻列表、商品信息等。
2. 表单提交：将用户在表单中输入的数据发送到服务器进行处理。
3. 与后端 API 交互：在前后端分离的项目中，前端通过 Axios 与后端 API 进行数据交互，实现各种业务逻辑。