Android 应用程序：跨域请求被阻止同源策略不允许读取远程资源

Question

我正在 Cordova 中创建 android 应用程序，女巫使用 AngularJs 使用 REST 服务， 我首先通过这个 URL 在浏览器上测试这个应用程序 file:///C:/Users/Users/MyApps/project/platforms/android/assets/www/index.html#/demande/list 但仍然给出此错误：

跨域请求被阻止：同源策略不允许读取远程资源 http://10.0.2.2:8080/springrestprojet/rest/demande。原因：CORS 请求失败。

我正在使用 CORS 过滤器来启用访问。 这是我的 service.js 代码：

'use strict';

  angular.module('workflowService', ['ngResource']).
    factory('Demande', function ($resource) {
          return $resource('http://10.0.2.2:8080\:8080/springrestprojet/rest/demande/:id', {}, {
            'save': {method:'PUT', 
                headers: {'Content-Type': 'application/json', 
   'Access-Control-Allow-Origin':'*',
   'Access-Control-Allow-Methods' : 'POST, GET, OPTIONS, PUT',
   'Access-Control-Request-Method':'*',
   'Access-Control-Allow-Headers':'*',
   'Accept': 'application/json'}},


        });


    });

有什么帮助吗？ 非常感谢。

Answer 1

几个月以来，access origin="*" 不够用。

尝试安装这个插件sudo cordova plugin add https://github.com/apache/cordova-plugin-whitelist

然后，在你的 config.xml 中添加一行这样的行

<allow-navigation href="*" />

不推荐使用*，但它适用于所有情况。你可以像这样指定路径http://yourWebSite.com/*

Answer 2

我怀疑在最新版本中，插件 cordova-plugin-whitelist 需要在项目的每个 html 文件中配置元 http-equiv="Content-Security-Policy"。

在第一个版本中它只显示警告，但考虑到这里看到的几个问题，可能行为已经改变......

所以你有两个解决方案：

• 删除插件 cordova-plugin-whitelist 并添加cordova-plugin-legacy-whitelist 然后cordova 的行为将与cordova 3.x 一样，只检查访问源（不建议考虑安全性）
• 或者您了解 Content-Security-Policy，例如通过阅读 this page 并更新您的 html。

有关Raymond Camden's blog 或in the plugin's documentation 的更多信息。

编辑： 现在我记得了，不是它在最新版本中发生了变化，而是从 Kit-Kat 开始在 android 上检查内容安全策略，所以同一个应用程序与 cordova-plugin-whitelist 和没有配置的 CSP 将在 android

所以请注意所有 cordova/phonegap 开发人员，在 kitkat 或 lolypop 中测试您的 CSP 代码，否则您可能会遇到意外！