ionic应用程序无法将启用了cors的服务器与$ http连接

Question

我正在尝试使用离子框架构建移动应用程序。当我的应用程序尝试连接服务器以获取json（服务器已启用Web
API并启用了cors）时，它仅在genymotion和真实设备上返回404。但是当我在浏览器中运行应用程序时ionic serve一切正常。

我很确定CORS可以正常工作。这是我在浏览器中运行应用程序时获得的响应标头。

响应

Access-Control-Allow-Origin:*
Cache-Control:no-cache
Content-Length:395
Content-Type:application/json; charset=utf-8
Date:Fri, 08 May 2015 20:24:04 GMT
Expires:-1
Pragma:no-cache
Server:Microsoft-IIS/7.0
X-AspNet-Version:4.0.30319
X-Powered-By:ASP.NET

要求 ：

Accept:application/json, text/plain, */*
Accept-Encoding:gzip, deflate, lzma, sdch
Accept-Language:tr-TR,tr;q=0.8,en-US;q=0.6,en;q=0.4
Cache-Control:no-cache
Connection:keep-alive
DNT:1
Host:*******:14400
Origin:http://192.168.0.28:8100
Pragma:no-cache
Referer:http://192.168.0.28:8100/

Config.xml <access origin="*"/>在配置中有 此行

在我的app.js中，我删除了所有http调用的X-Requested-With标头。

.config(['$httpProvider', function($httpProvider) {

        $httpProvider.defaults.useXDomain = true;
        delete $httpProvider.defaults.headers.common['X-Requested-With'];  
    }
])

我在工厂类中简单地使用get请求到服务器。

$http.get(serverPath + "/api/mobilerest/mainPage");

当我在Genymode或真实设备中运行应用程序时，响应为404，并且statusText为“未找到”。我很确定Web
api可以正常工作，导致这种现象的原因是在基于离子的应用程序中，我的应用程序是本地文件，协议是file：///，所以Origin标头在请求中为null，然后服务器返回404。没有任何服务器的本地文件，我得到与应用程序相同的错误。

Accept:*/*
Accept-Encoding:gzip, deflate, sdch
Accept-Language:tr-TR,tr;q=0.8,en-US;q=0.6,en;q=0.4
Cache-Control:no-cache
Connection:keep-alive
DNT:1
Host:server:14400
Origin:null
Pragma:no-cache

我想念什么吗？

Answer 1

目前，cordova-plugin-whitelist似乎是“强制性的”。

安装它：

cordova plugin add cordova-plugin-whitelist

配置config.xml

您可以将当前设置保留为*或更改为更多限制性规则

*在index.html上 *添加html策略 ，还应添加策略。要授权一切，这里是：

 <meta http-equiv="Content-Security-Policy" content="default-src *;
 style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline'
 'unsafe-eval'"