标头中没有 no-cors 时无法获取 POST

在提出这样的请求时：

return fetch(
            'http://localhost:8000/login',
            {   method: 'POST',
                headers: new Headers(
                   {"Content-Type": "application/json",
                    "Accept":"application/json"}
                ),

                body: JSON.stringify(
                   {'name': 'Tom', 'password': 'Soyer'}
                )
             }
           ).then( response => { console.log(response);})
            .catch(err => console.log(err))

请求使用方法 OPTIONS 而不是 POST 运行。 仅在添加模式下：“no-cors”请求变为 POST：

return fetch(
            'http://localhost:8000/login',
            {   method: 'POST',
                mode: 'no-cors',
                headers: new Headers(
                   {"Content-Type": "application/json",
                    "Accept":"application/json"}
                ),
                body: JSON.stringify(
                   {'name': 'Tom', 'password': 'Soyer'}
                )
             }
           ).then( response => { console.log(response);})
            .catch(err => console.log(err))

但响应不正常（即使网络响应状态为 200）：{type: "opaque", url: "", status: 0, ok: false, statusText: ""...} 我想是因为

Content-Type 标头唯一允许的值为： 应用程序/x-www-form-urlencoded multipart/form-data text/plain

此处描述https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS

有什么方法可以通过 fetch 实时获取 POST json 数据吗？

习俗Content-Type您发送的标头会导致您的请求进行预检，这意味着将发送一个 OPTIONS 请求，其中包含有关即将发送的 POST 请求的一些元数据before实际的 POST 请求。

您的服务器需要准备好处理此 OPTIONS 请求。您还没有指定服务器的写入内容，但是以express为例，您可以注册一个中间件来拦截所有“OPTIONS”请求，设置Access-Control-Allow-Origin: * and Access-Control-Allow-Headers: Content-Type标头，并以 200 响应。

如果您可以使用 'Content-Type': 'text/plain' 标头发出请求，那么这将解决您的问题。或者，您可以使用完全绕过 XHR 的东西，例如 JSONP。