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

Question

在我的 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: new Headers({'content-type': 'application/json'})