您需要mode: 'no-cors'从请求中删除该设置。设置no-cors模式正是您遇到问题的原因。

甲no-cors请求做出react类型opaque。问题中的日志片段显示了这一点。不透明意味着您的前端 JavaScript 代码无法看到响应正文或标头。

https://developer.mozilla.org/en-US/docs/Web/API/Request/mode解释：

no-cors — JavaScript 可能无法访问结果的任何属性 Response

所以设置no-cors模式的作用本质上是告诉浏览器，“在任何情况下都不要让前端 JavaScript 代码访问响应体或头。”

我想您正在尝试no-cors是因为来自的响应http://localhost:8080/course不包含Access-Control-Allow-Origin响应标头，或者因为您的请求是触发CORS 预检的请求，因此您的浏览器会进行OPTIONS预检。

但是使用no-cors模式并不能解决这些问题。解决方法是：

• 配置http://localhost:8080服务器以发送Access-Control-Allow-Origin响应头并处理OPTIONS请求

• 或使用来自https://github.com/Rob--W/cors-anywhere/等的代码设置 CORS 代理（请参阅如何使用 CORS 代理绕过“No Access-Control-Allow-Origin 标头” ”问题部分的答案在No 'Access-Control-Allow-Origin' 标头上存在请求的资源 - 当尝试从 REST API 获取数据时）

在您中，then您应该在返回之前检查响应是否正常response.json：

.then(function (response) {
    if (!response.ok) {
        return Promise.reject('some reason');
    }

    return response.json();

})

如果您想在被拒绝的Promise中包含错误消息，您可以执行以下操作：

.then(function (response) {
    if (!response.ok) {
       return response.text().then(result => Promise.reject(new Error(result)));
    }

    return response.json();
})

我知道这个答案可能太晚了，可能已经解决了，但我今天遇到了同样的问题，我只需要在标题散列的末尾添加一个“,”，我就不再收到错误了

export function addContacts(formData) {
  return(dispatch) => {
    dispatch({type: 'POSTING_CONTACTS'});
    console.log(formData)
    return fetch(uri, {
      method: 'POST',
      body: JSON.stringify({contact: {name: formData.name, phone_number: formData.phoneNumber}}),
      headers: {
        Accept: 'application/json',
        'Content-Type': 'application/json'
      },
    })
    .then(response => {
        return response.json()
      }).then(responseJSON => {
        console.log(responseJSON)
        return dispatch({type: 'ADD_CONTACT', payload: responseJSON});
      })
  }
}     

您可以通过在 php 或其他服务器端点的标题中添加行来避免 CORS 策略的问题：

<?php
header('Access-Control-Allow-Origin: *');
//or
header('Access-Control-Allow-Origin: http://example.com');

// Reading JSON POST using PHP
$json = file_get_contents('php://input');
$jsonObj = json_decode($json);

// Use $jsonObj
print_r($jsonObj->message);

...
// End php
?>

使用 POST 请求获取代码的工作模型是：

const data = {
        optPost: 'myAPI',
        message: 'We make a research of fetch'
    };
const endpoint = 'http://example.com/php/phpGetPost.php';

fetch(endpoint, {
    method: 'POST',
    body: JSON.stringify(data)
})
.then((resp) => resp.json())
.then(function(response) {
    console.info('fetch()', response);
    return response;
});

只需复制以下代码并将其粘贴到标签下的web.config文件中即可<system.webServer>。

<httpProtocol>  
    <customHeaders>  
     <add name="Access-Control-Allow-Origin" value="*" />  
     <add name="Access-Control-Allow-Headers" value="Content-Type" />  
     <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" />  
    </customHeaders>  
  </httpProtocol>