axios是一个基于Promise的HTTP客户端，可以在浏览器和Node.js中发送HTTP请求

本文链接：https://blog.csdn.net/blog_programb/article/details/137610287

推荐使用axios作为常用的AJAX库。axios是一个基于Promise的HTTP客户端，可以在浏览器和Node.js中发送HTTP请求。它具有以下优点：

简单易用：axios提供了简洁且直观的API，使得发送HTTP请求变得非常容易。
支持Promise：axios基于Promise实现，可以使用async/await等方式处理异步请求，使得代码更加清晰和可读。
跨平台：axios既可以在浏览器中使用，也可以在Node.js环境中使用，具有很好的跨平台兼容性。
支持拦截器：axios提供了拦截器功能，可以在请求发送前和响应返回后对请求和响应进行拦截和处理，方便进行统一的错误处理、请求头设置等操作。
支持取消请求：axios支持取消请求的功能，可以通过取消令牌来中断请求，避免不必要的网络请求。
支持并发请求：axios可以同时发送多个并发请求，并且可以使用axios提供的方法来处理并发请求的结果。

以下是使用axios发送GET请求的示例代码：

axios.get('/api/users')
  .then(function (response) {
    console.log(response.data);
  })
  .catch(function (error) {
    console.log(error);
  });

axios发送POST请求的方法如下所示：

import axios from 'axios';

// 请求头
const config = {
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json',
  }
};

// 请求体
const data = {
  id: 1,
  name: 'John Doe'
};

axios.post(url, data, config)
  .then(res => {
    // 处理成功的响应
  })
  .catch(err => {
    // 处理错误的响应
  });

在上述代码中，我们首先导入axios库。然后，我们定义了请求头config，其中包含了Accept和Content-Type字段，用于指定接受的数据类型和发送的数据类型。接下来，我们定义了请求体data，其中包含了要发送的数据。最后，我们使用axios.post方法发送POST请求，传入请求的URL、请求体和请求头作为参数。在.then方法中，我们可以处理成功的响应，在.catch方法中，我们可以处理错误的响应。
axios发送GET请求的方法如下所示：

axios.get(url)
  .then(function (response) {
    // 请求成功后的处理
    console.log(response.data);
  })
  .catch(function (error) {
    // 请求失败后的处理
    console.log(error);
  });