javascript - 使用 axios 将 csv 从前端发送到后端

Question

我正在尝试使用 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 实现这一点还是应该使用另一个模块？有任何想法吗？

Answer 1

你需要做:

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

因为当你只写“formData”时，它变成:{ formData: formData }根据(新的 ES2015 对象速记属性名称)。
您还可以使用:

await axios.post('your_url', formData)