Reactjs 《盖茨比》中的原产地已被CORS政策封锁

我是新来的

react

gatsby

，当我调用api时，它会给我错误

源代码已被CORS策略阻止

，我已将我的全部代码放在这里，请任何人查看，并帮助我解决此问题

API调用

get_review_list() {
    fetch('http://******/get-dashboard-reviews/1', {
      method: 'POST',
      mode: "cors",
      headers: {
        'Accept': 'application/json',
        'Access-Control-Allow-Origin': '*',
      }
    }).then(function (response) { 
      alert('sdsdsdds'); console.log('123'); 
      //const data = response.json(); console.log(data); 
    })
    .catch(function (error) { console.log(error) });
  }

在

gatsby config.js中

proxy: {
    url: "http://********",
},

这意味着您的服务器不接受您的客户端来源。这是Web Bowser中的一项功能。（如果你在《邮递员》杂志上测试，效果很好）

跨源读块（CORB）是一种能够识别
并阻止web浏览器中可疑的跨源资源加载
他们到达了网页。CORB降低了敏感泄漏的风险
通过使数据远离跨来源网页而获得数据

要解决此问题，请转到后端并接受客户端的源代码，或者您可以在Chrome中禁用源代码策略

要在Chrome中禁用源站策略，请参阅本文
您请求的API地址必须授权您的应用程序URL。例如，如果您的应用程序是通过example.com运行的，那么API的服务器端需要如下定义：

Access-Control-Allow-Origin: https://example.com

我已经解决了这个问题，很容易添加
无COR
，感谢大家

get_review_list() {
    fetch('http://******/get-dashboard-reviews/1', {
      method: 'POST',
      mode: "no-cors",
      headers: {
        'Accept': 'application/json',
        'Access-Control-Allow-Origin': '*',
      }
    }).then(function (response) { 
      alert('sdsdsdds'); console.log('123'); 
      //const data = response.json(); console.log(data); 
    })
    .catch(function (error) { console.log(error) });
  }