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

Question

我正在尝试使用 Axios 与我的 React 应用程序中的 API 进行通信。我设法让 GET 请求工作，但现在我需要一个 POST 请求。

我需要正文是原始文本，因为我将在其中编写一个 MDX 查询。这是我提出请求的部分：

axios.post(baseUrl + 'applications/' + appName + '/dataexport/plantypes' + plan,
    {
      headers: { 'Authorization': 'Basic xxxxxxxxxxxxxxxxxxx',
      'Content-Type' : 'text/plain' }
    }).then((response) => {
      this.setState({data:response.data});
      console.log(this.state.data);
    });

这里我添加了内容类型部分。但是我怎样才能添加身体部分呢？

谢谢你。

编辑：

这是工作邮递员请求的屏幕截图

原文由 Karim Taha 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

直接使用 axios API 怎么样？

 axios({
 method: 'post',
 url: baseUrl + 'applications/' + appName + '/dataexport/plantypes' + plan,
 headers: {},
 data: {
 foo: 'bar', // This is the body part
 }
 });

来源： axios api

原文由 Ukasha 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

您可以使用邮递员生成代码。看看这张图片。按照步骤 1 和步骤 2。

如果您的端点只接受与 Body 一起发送的数据（在邮递员中），您应该发送 FormData。

 var formdata = new FormData();
//add three variable to form
formdata.append("imdbid", "1234");
formdata.append("token", "d48a3c54948b4c4edd9207151ff1c7a3");
formdata.append("rate", "4");

let res = await axios.post("/api/save_rate", dataform);

原文由 reza jafari 发布，翻译遵循 CC BY-SA 4.0 许可协议