Axios 入门：用 Node.js 和浏览器轻松创建 HTTP 请求

前端

2024-02-06 02:05:23

Axios 入门：轻松创建 HTTP 请求

在现代网络开发中，HTTP 请求是应用程序与服务器端通信的关键手段。Axios 是一个基于 Promise 的 HTTP 库，可以帮助您在 Node.js 和浏览器中轻松发送和接收 HTTP 请求，并提供许多有用的特性和优势。

特性

Axios 具有以下特性：

从浏览器中创建 XMLHttpRequests
从 Node.js 创建 HTTP 请求
支持 Promise API
拦截请求和响应
自动将 JSON 数据转换为 JavaScript 对象

安装

在 Node.js 中，可以使用 npm 来安装 Axios：

npm install axios

在浏览器中，可以使用 CDN 来引入 Axios：

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

基本用法

1. 发送 GET 请求

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

2. 发送 POST 请求

axios.post('https://example.com/api/users', {
  name: 'John Doe',
  email: 'john.doe@example.com'
})
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

3. 发送 PUT 请求

axios.put('https://example.com/api/users/1', {
  name: 'John Doe',
  email: 'john.doe@example.com'
})
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });

4. 发送 DELETE 请求

axios.delete('https://example.com/api/users/1')
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.error(error);
  });