使用 axios 将 csv 从前端发送到后端答案

【问题标题】：Sending a csv from front-end to backend using axios使用 axios 将 csv 从前端发送到后端
【发布时间】：2021-06-06 20:51:00
【问题描述】：

我正在尝试使用 axios 将我在 reactjs 中的前端的 csv 文件发送到我在 nodejs 中的后端。此 csv 文件是通过浏览 UI 按钮选择的，并使用 react 以状态存储。在线搜索后，这是我的 HTTPS 请求代码：

let formmData = new FormData();
formData.append('file', this.state.selectedFile);
           
const {data : QueryResult} = await axios({
    method: 'post',
    url: "https://localhost:...",
    formData,
});

注意：this.state.selectedFile 包含一个对象，登录控制台时为：

File {name: "MyFile.csv", lastModified: 1614958303483, …}

我还想说这个端点在使用 Postman 时可以正常工作，如下所示：

在我的后端打印请求后，如果我看到来自我的前端的这个请求：

body: {}

我不明白我做错了什么，这不会传递给我的后端。

我还看到这是过去在 GitHub 上的 axios 的一个未解决问题。

现在可以使用 axios 来实现，还是应该使用其他模块？有什么想法吗？

【问题讨论】：

标签： javascript node.js reactjs axios

【解决方案1】：

你需要做的：

await axios({
  method: 'post',
  url: "https://localhost:...",
  data: formData
});

因为当你只写“formData”时，它变成：{ formData: formData } 按照（新的 ES2015 对象速记属性名称）。

你也可以使用：

await axios.post('your_url', formData)

【讨论】：