在 ionic 2 中调用 api url 时，出现此错误：请求的资源上不存在"访问控制允许来源"标头

Question

我正在使用ionic 2获取方法，当我调用API时，它以这样的显示。请帮助我解决此问题。即使我给标头还面临相同的问题

无法加载HTTP。请求的资源上没有"访问控制"标头。因此，不允许访问原点'http：//localhost：8100'。

Answer 1

这是因为您的服务器不支持交叉原点请求而发生的。您可以在服务器上安装CORS软件包。

如果您使用的是node.js，则可以简单地安装npm中的CORS并将其导入节点。

Answer 2

这是常见的CORS问题。您可以在Wiki中阅读有关它的更多信息。如果您使用的是ionic server命令，则有两个解决方案，要么允许服务器上的CORS，如果您无法访问服务器，则可以使用离子CLI代理。只需将以下内容添加到您项目的根目录中的ionic.config.json文件即可。

  "proxies": [{
    "path": "/myapi/",
    "proxyUrl": "http://example.com/apiurl/"
  }]

现在，在您的代码中，您而不是API的绝对URL，可以将/myapi/用作URL。如果要删除/，请从两个URL中省略它。更改后，您需要重新启动ionic serve命令。请注意，如果您使用的是iOS新版本的Ionic使用WKWebView。 因此，在设备中，您仍然需要在服务器上允许CORS。

Answer 3

我在使用WooCommerce API时遇到了相同的问题，我发现了一个临时黑客，我通过在Chrome上安装此插件时在离子论坛上阅读了它，在找到该解决方案时阅读了它允许控制 - 允许原素