Info
Content

JS中Axios

Axios 是一个基于 Promise 的 HTTP 客户端，可以用于在浏览器和 Node.js 中发送 HTTP 请求。它可以用于执行 GET、POST、PUT、DELETE 等请求，并且可以自定义请求头、请求参数等。

Axios 在使用上具有以下特点：

  1. 使用简单：Axios 的 API 设计简单易用，支持 Promise API，因此可以使用 async/await 方式处理请求。
  2. 支持拦截器：可以在请求或响应发送前或者发送后执行一些自定义操作，例如添加公共请求头、处理请求错误等。
  3. 支持取消请求：可以在发送请求后取消请求，避免浪费不必要的资源。
  4. 支持浏览器和 Node.js：Axios 可以同时在浏览器和 Node.js 中使用，因此可以在不同环境下复用代码。

使用Axios时需要先安装：

npm install axios

下面是一个使用 Axios 发送 GET 请求的示例：

axios.get('/user?id=123')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

这里调用了 Axios 的 get 方法，发送了一个 GET 请求，请求地址为 /user?id=123。在请求成功后，通过 then 方法获取响应数据，并将其打印到控制台上。如果请求发生错误，通过 catch 方法获取错误信息，并将其打印到控制台上。

使用Axios发送POST请求的例子：

axios.post('/user', {
    firstName: 'John',
    lastName: 'Doe'
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

这里我们可以看到Axios的语法很简单明了，只需要指定请求的地址和数据即可，而且它返回的是一个Promise对象，所以可以用then和catch来处理响应结果和错误。

Back to top