Axios

Axios 是一款广受欢迎的 JavaScript 库，用于在浏览器和 Node.js 环境中发起 HTTP 请求。它为与 RESTful API 的交互以及处理异步操作提供了简洁优雅的解决方案。Axios 基于浏览器中的 XMLHttpRequest 对象以及 Node.js 环境中的 http 模块之上构建。

Axios 的主要特性：

基于 Promise： Axios 返回 promises，可以通过 .then() 和 .catch() 轻松处理异步操作。
拦截器（Interceptors）： 在请求或响应被 then 或 catch 处理之前对其进行拦截，方便进行全局错误处理或修改请求。
自动 JSON 数据转换： Axios 在发送请求和接收响应时自动转换 JSON 数据，简化了数据处理。
CSRF 防护： Axios 通过设置必要的请求头来支持跨站点请求伪造（CSRF）防护。
请求取消（Cancellation）： Axios 支持使用 Cancel Tokens 来取消请求。
超时设置： 可以为请求设置最大等待时间，超时后 Axios 将主动终止请求。
易用性： 提供了直观的 API，轻松执行 CRUD（创建、读取、更新、删除）等操作。

常见使用场景：

数据获取： 从 API 中爬取数据，例如获取用户信息。
提交表单： 向服务器发送表单数据进行处理。
更新资源： 通过发送 PUT 或 PATCH 请求更新服务器上的已有资源。
删除资源： 通过发送 DELETE 请求从服务器移除资源。

示例用法：

这是一个使用 Axios 从 API 获取数据并处理响应的简单示例：

      javascript









Copy code









// Sending a GET request









axios.get('https://api.example.com/data')









  .then(response => {









    console.log(response.data);









  })









  .catch(error => {









    console.error('Error fetching data:', error);









  });
























// Sending a POST request









axios.post('https://api.example.com/data', {









    name: 'John Doe',









    age: 30









  })









  .then(response => {









    console.log(response.data);









  })









  .catch(error => {









    console.error('Error posting data:', error);









  });