javascript - Fetch API - Content-Type 在设置为 application/json 时以 text/plain 形式发送

Question

这个问题在这里已经有了答案:





Empty body in fetch POST request

(5 个回答)


3年前关闭。




在我的 React 应用程序中，当我提交表单以创建新用户时，我使用 fetch 创建对服务器的请求.

代码是这样的:

fetch('http://0.0.0.0:3000/users', {
  method: 'POST',
  mode: 'no-cors',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify(data)
}).then(response => console.log(response))

当我检查开发人员工具下的网络选项卡中的条目时，我看到内容类型是 text/plain但我不明白为什么如果我将其设置为 application/json .

我尝试使用选项 Edit and send在请求中并替换 text/plain至 application/json但是在发送后它被发送为 text/plain .

Answer 1

mode:"no-cors"选项是罪魁祸首。

删除该选项，它应该可以工作

要修复它，请传递一个新的 headers 对象

headers: new Headers({'content-type': 'application/json'})