IONIC，访问控制允许起源

Question

我尝试使用以下代码通过$ http（角度）发送http请求：

$http({
              method: 'GET',
              url: 'http://192.168.0.17:9000',
              header: {'Access-Control-Allow-Origin': "*"},
        }).then(getEventsSuccess, getEventsError);

但这不起作用，并且我在Web控制台中有此错误：

XMLHttpRequest cannot load http://192.168.0.17:9000/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8100' is therefore not allowed access.

你有解决方案吗 ？

Answer 1

您看到此错误是由于在浏览器中实现的称为Same Origin Policy的安全机制所致。

基本上，这是由于您的网页尝试访问驻留在与网页本身不同的主机，端口或方案（HTTP / HTTPS /文件等）所在的服务器上的资源而引起的。

为了解决此问题，您可以执行以下任一操作：

• 从您要访问的服务器上提供网页。如果您的网页URL为http://192.168.0.17:9000/X.html，则您的请求应该成功并且错误将消失。
• 在服务器发送的响应中添加一个特殊的标头，称为Access-Control-Allow-Origin。

在此处阅读更多信息：https :
//en.wikipedia.org/wiki/Same-origin_policy

https://developer.mozilla.org/en-
US/docs/Web/HTTP/Access_control_CORS