IONIC 没有“访问控制允许来源”答案

【问题标题】：IONIC No 'Access-Control-Allow-Origin'IONIC 没有“访问控制允许来源”
【发布时间】：2018-04-12 06:50:32
【问题描述】：

我尝试使用 ionic serve 从 broser 提供午餐离子，当我尝试登录我的项目时，调用 HTTP GET 时出现错误。像这样的错误

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://192.168.1.1:8100' is therefore not allowed access.

我已经像这样在我的 api.php 中输入了 HTTP ORIGIN

if (isset($_SERVER['HTTP_ORIGIN'])) {
    header("Access-Control-Allow-Origin: {$_SERVER['HTTP_ORIGIN']}");
    header('Access-Control-Allow-Credentials: true');
    header('Access-Control-Max-Age: 86400');    // cache for 1 day
}

if ($_SERVER['REQUEST_METHOD'] == 'OPTIONS') {

    if (isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_METHOD']))
        header("Access-Control-Allow-Methods: GET, POST, OPTIONS");         

    if (isset($_SERVER['HTTP_ACCESS_CONTROL_REQUEST_HEADERS']))
        header("Access-Control-Allow-Headers:        {$_SERVER['HTTP_ACCESS_CONTROL_REQUEST_HEADERS']}");

    exit(0);
}

我不知道为什么我仍然有错误访问控制允许来源，如果有人知道如何解决这个问题，它真的很有帮助。谢谢

【问题讨论】：

请查看blog.ionic.io/handling-cors-issues-in-ionic
检查你的标题是否响应有这些标题。如果不是，问题可能出在您的 php 服务器代码而不是 ionic 上。
您是否允许您的应用在其域之外导航？ <allow-navigation href="xxx" />
@AshishDetroja 我已经读过，但它不适合我
@chowmean 我在我的网络服务中检查了标题，但仍然有错误

标签： php angularjs ionic-framework

【解决方案1】：

用 chrome 试试：c:\Program Files\Google\Chrome\Application>chrome.exe --disable-web-security --user-data-dir="D:\chrome"

重要的是禁用网络安全。

【讨论】：

【解决方案2】：

参考点

请参阅 ionic.project 以配置代理服务器。请注意我们如何将路径设置为 /api - 表示对 Ionic 服务器 http://localhost:8100/api 的任何请求都将检索对位于 http://localhost:3000/api/endpoint 的 proxyUrl 的请求。

请参阅www/js/app.js 将 Api 端点设置为 AngularJS 常量。注意这里的地址指向 Ionic 服务器。

请参阅 www/js/services.js 了解如何使用 AngularJS 常量。

请参阅www/js/controllers.js 了解如何使用 AngularJS 服务。

请参阅gulpfile.js，了解如何设置 gulp 任务以替换文件中的 URL。

开始

运行以下命令，最后两个可能需要另一个console/terminal窗口：

npm install npm nodeserver npm ionicserver

参考：https://github.com/ionic-team/ionic-proxy-example/blob/master/README.md

【讨论】：