Axios 获取请求正文 - Javascript

在前端开发中，我们常常需要与后端进行数据交互。Axios 是一个流行的基于 Promise 的 HTTP 库，在前端开发中使用较为广泛。本文将讲解使用 Axios 获取请求正文的方法。

1. 安装 Axios

npm install axios

2. 使用 Axios 发送请求

首先，我们需要使用 Axios 发送请求：

import axios from 'axios';

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

3. 获取请求正文

Axios 返回 Promise 对象，其中的 response 对象包含了请求的响应信息。我们可以通过 response.data 获取请求正文。

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

在上述示例中，我们使用了 axios.get 方法发送了一个 GET 请求，并在成功响应时打印出了请求正文。

4. 发送请求正文

除了获取请求正文之外，我们还可以发送请求正文。在发送 PUT 和 POST 请求时，我们可以通过 data 参数向服务器发送请求正文。

axios.post('/api/data', {
  key1: 'value1',
  key2: 'value2'
})
  .then(response => {
    console.log(response.data);
  })
  .catch(error => {
    console.log(error);
  });

在上述示例中，我们使用了 axios.post 方法发送了一个 POST 请求，并将请求正文设置为 { key1: 'value1', key2: 'value2' }，打印出了响应信息。

总结

Axios 是一个非常简单易用的 HTTP 库，可以帮助我们更方便地发送和处理 HTTP 请求。通过调用 response.data，我们可以轻松地获取请求正文。当我们需要发送带有请求正文的请求时，只需要将请求正文作为 data 参数传递即可。