javascript - 为什么 header 中的内容类型仍然是文本/纯文本，尽管我将其设置为 application/json

Question

我使用 fetch() 来发布 json 数据，如下所示

var data = {
            name: this.state.name,
            password: this.state.password
        }
fetch('http://localhost:3001/register/paitent', {
            method: 'POST',
            body: JSON.stringify(data), 
            mode: 'no-cors',
            headers: new Headers({
                'Content-Type': 'application/json'
            })
        })
        .then(res => res.json())

我总是在我的 Express 服务器路由器的 request.body 中得到 {}，我发现问题出在发送请求时，它总是“文本/纯文本”。为什么会出现这种情况？

Answer 1

您将模式设置为no-cors。

将 Content-Type 设置为 application/json 需要 CORS 的许可...

The only allowed values for the Content-Type header [without triggering a preflight CORS request] are:

• application/x-www-form-urlencoded
• multipart/form-data
• text/plain

—mdn

…你告诉fetch不要索要。由于您没有请求许可，因此您不会获得许可，因此 fetch 会恢复为 text/plain。