javascript - 获取 API 主体不起作用

Question

这是一个非常简单的 fetch api，但由于某种原因我不知道为什么主体不工作。这是代码。

<label id="msg"></label>
<label id="msg2"></label>
<script type="text/javascript">

    const myRequest = new Request('some url', {
                        method: 'POST',
                        headers: {'Content-Type': 'application/json'},
                        body: JSON.stringify({"email" : "email",
                                              "password" : "password"}),
                        mode: 'no-cors'});
    const myMethod = myRequest.method; // POST
    const bodyUsed = myRequest.bodyUsed; // true

    fetch(myRequest)
      .then(response => {
        if (response.status === 200) {
          return response.json();
        } else {
          //throw new Error('Something went wrong on api server!');
        }
      })
      .then(response => {
        document.getElementById("msg").innerHTML = response;
        document.getElementById("msg2").innerHTML = bodyUsed+" "+myMethod;
      }).catch(error => {
        document.getElementById("msg").innerHTML = error;
      });
</script>  

我是不是做错了什么？我已经对正文进行了字符串化，更改了 header ，但是当它运行时，它在 msg2 标签中显示 false (这只是请求的正文部分，只是为了确定)。这意味着主体实际上是 NaN。问题出在哪里，解决办法是什么？

Answer 1

mode: 'no-cors'

这意味着我不想做任何需要服务器使用 CORS 授予权限的事情；不要抛出 CORS 相关错误。

跨源读取响应需要服务器通过 CORS 授予权限。

您说过您不会这样做，因此 fetch 不会尝试使正文可供您使用。

(您也无法执行任何需要预检请求的操作，例如将 Content-Type 请求 header 设置为 JSON。)

不要将模式设置为no-cors。