在提取API中启用CORS

Question

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

无法加载https：//site/data.json：对预检请求的响应未通过访问控制检查：所请求的资源上没有'Access-Control-Allow-Origin'标头。因此，不允许访问源' http：// localhost：8080 '。如果不透明的响应满足您的需求，请将请求的模式设置为“ no-cors”，以在禁用CORS的情况下获取资源。localhost /：1未捕获（承诺）TypeError：无法获取

我正在尝试CORS在我的react js文件中启用，但无法获得预期的结果。我已经安装了chrome扩展程序，并且可以正常工作。但是要在生产站点中使用它，我需要在代码中启用它。我应该如何正确安排代码以启用CORS。

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

Answer 1

浏览器在客户端具有跨域安全性，可验证服务器是否允许从您的域中获取数据。如果Access-Control-Allow-Origin响应头中没有响应，浏览器将不允许在JavaScript代码中使用响应，并在网络级别引发异常。您需要cors在服务器端进行配置。

您可以使用提取请求mode: 'cors'。在这种情况下，浏览器不会为跨域抛出执行，但是浏览器不会在您的javascript函数中给出响应。

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