表单数据未正确添加到发布请求答案

【问题标题】：Formdata not added properly to the post request表单数据未正确添加到发布请求
【发布时间】：2021-01-16 05:16:05
【问题描述】：

我正在尝试使用 fetch 从 react-application 发布表单数据：

export async function createPublicTask(data: CreatePublicTask) : Promise<Response> {
  const url = new URL(`${process.env.REACT_APP_GRAPH_URL_API_PUBLIC}/publictasks`);
  const formData = new FormData();
  formData.append('createPublicTask', JSON.stringify(data));
  const headers = {'Content-Type' : 'multipart/form-data; boundary=17482859224952074240'};

  return await fetch(url.toString(), {headers, method: "POST", body: formData})
}

在网络选项卡中，我得到：

在最后一行，您会看到表单数据(0)。看起来 FormData 对象是空的。如果我展开该行并单击查看源代码，我会得到：

数据似乎在那里。我做错了什么？

在 Postman 中，使用相同的标题和相同的数据字段似乎可以正常工作：

【问题讨论】：

标签： javascript typescript request fetch-api form-data

【解决方案1】：

我找到了答案：将 Content-Type 放在标题中。在这种情况下，完全删除标题，解决了问题。

【讨论】：