时间戳

首页 > 解决方案 > 来源已被 CORS 政策在反应盖茨比中阻止

reactjs - 来源已被 CORS 政策在反应盖茨比中阻止

问题描述

我是新手react gatsby，当我调用 api 时它给了我错误origin has been blocked by CORS policy，我在这里放置了我的整个代码，任何人都可以查看它，并帮助我解决这个问题。

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://********",
},

标签： reactjsgatsby

解决方案

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

跨域读取阻止 (CORB) 是一种算法，可以在 Web 浏览器中的可疑跨域资源加载到达网页之前对其进行识别和阻止。CORB 通过使敏感数据远离跨域网页来降低泄露敏感数据的风险。

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

要在 Chrome 中禁用源策略，请参阅这篇文章在 Chrome 中禁用同源策略

推荐阅读