如何将原始数据体添加到axios请求中？

在使用 Axios 进行网络请求时，我们经常需要向服务器发送数据。这些数据可以是登陆信息、表单提交等。在 Axios 中，添加原始数据体（raw body）到请求中是一个简单直接的过程。以下是如何做到这一点的步骤：

1. 使用 POST 请求发送数据

假设我们需要向服务器发送一些 JSON 数据。我们可以使用 axios.post 方法。这里是一个基本的例子：

javascript
import axios from 'axios';

const postData = {
  username: 'exampleUser',
  password: 'examplePass'
};

axios.post('https://api.example.com/login', postData)
  .then(response => {
    console.log('Response:', response.data);
  })
  .catch(error => {
    console.error('Error:', error);
  });

在这个例子中，postData 是一个对象，包含了我们想要发送的数据。当我们调用 axios.post 方法时，Axios 会自动将这个对象转换成 JSON 字符串，并将其作为请求体（raw body）发送。

2. 设置请求头

对于某些 API，我们可能需要设置特定的 Content-Type。在 Axios 中，这可以通过配置对象来完成：

javascript
axios.post('https://api.example.com/data', postData, {
  headers: {
    'Content-Type': 'application/json'
  }
});

这告诉服务器我们正在发送 JSON 数据。

3. 发送非 JSON 类型的数据

如果需要发送非 JSON 类型的数据，如纯文本，我们可以直接传递字符串作为数据并设置适当的 Content-Type：

javascript
axios.post('https://api.example.com/textdata', 'Plain text data', {
  headers: {
    'Content-Type': 'text/plain'
  }
});

总结

向 Axios 请求中添加原始数据体非常简单，主要是通过将数据对象作为 axios.post（或其他相应方法，如 axios.put 等）的第二个参数传递。根据所需的数据类型，可能还需要调整 HTTP 头部，以确保服务器能正确解析发送的数据。