在提取api中启用CORS[重复]

Question

我收到以下错误消息，使我无法继续

未能加载https://site/data.json:对预飞行请求得响应未通过访问控制检查:请求得资源上不存在'access-control-allow-origin'标头。因此，不允许访问Origin'http://localhost:8080'。如果不透明响应满足您的需要，请将请求者的模式设置为“no-cors”，以便在禁用CORS的情况下获取资源。LocalHost/:1未捕获（在promise中）TypeError:无法提取

我试图在react js文件中启用 ，但是我无法得到预期的结果。我已经安装了一个chrome扩展和它的工作。但是要在生产站点中使用它，我需要在代码中启用它。我应该如何正确地安排代码以启用 。

fetch(URL, {
  mode: 'cors',
  headers: {
    'Access-Control-Allow-Origin':'*'
  }
})
  .then(response => response.json())
  .then(data => {

Answer 1

浏览器在客户端具有跨域安全性，该安全性验证允许服务器从您域获取数据。如果 在响应头中不可用，浏览器将不允许在JavaScript代码中使用响应，并在网络级别抛出异常。您需要在服务器端配置 。

您可以使用 获取请求。在这种情况下，浏览器不会抛出跨域执行，但浏览器不会在javascript函数中给出响应。

因此，在这两种情况下，您都需要在服务器中配置 ，或者需要使用自定义代理服务器。