angularjs - IONIC，访问控制允许来源

Question

我尝试使用以下代码通过 $http (angular) 发送 http 请求:

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

但这不起作用，我在网络控制台中遇到了这个错误:

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

您看到此错误是由于您的浏览器中实现了一种称为同源策略的安全机制。

基本上，这是因为您的网页试图访问驻留在与网页本身不同的主机、端口或方案(HTTP/HTTPS/文件等)上的服务器上的资源。

为了解决这个问题，您可以执行以下操作之一:

• 从您尝试访问的服务器提供您的网页。如果您的网页网址为 http://192.168.0.17:9000/X.html ，您的请求应该会成功并且错误会消失。
• 为从您的服务器发送的响应添加一个特殊 header ，称为 Access-Control-Allow-Origin。

在这里阅读更多: https://en.wikipedia.org/wiki/Same-origin_policy https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS