无访问控制允许起源错误

Question

我试图使用Vanilla JavaScript构建星座应用。我正在使用访存API通过此API获取星座运势详细信息。

我在控制台中收到此错误：

No 'Access-Control-Allow-Origin' header is present on the requested resource. 
Origin 'https://pratik-pdw.github.io' is therefore not allowed access.
If an opaque response serves your needs, set the request's mode to 'no-cors' 
to fetch the resource with CORS disabled.

我已将该应用程序部署为Github Page。

Answer 1

您的浏览器将其阻止，因为出于安全原因，通常它允许同一来源的请求。当您想进行跨域请求时，需要做一些额外的事情。

关于CORS的全貌 https://www.html5rocks.com/en/tutorials/cors/

您可以尝试以下操作：

1. 打开chrome浏览器，该浏览器不允许访问“ access-control-allow-origin”头请求。

   chrome.exe --user-data-dir =“ C：/ Chrome开发者会话” --disable-web-security

2. 尝试使用XDomain，

     

       

   XDomain 是纯JavaScript CORS替代/填充。无需服务器配置-只需在要与之通信的域上添加proxy.html。该库使用XHook挂钩所有XHR，因此XDomain应该与任何库一起使用。