在android离子应用程序中使用ng-src加载图像

Question

我正在使用离子,iOS和Android开发应用程序.我必须使用ng-srcurl 加载外部图像:

http://test.url.eu:1337/fileuploads/receive/552f6d1786a3ea3772000004

它在iOS上工作正常,但在Android上我有不安全的错误,图像没有加载.我怎么能解决这个问题？

编辑:它适用于Android 4.4和5,但不适用于<4.4.我正在使用crosswolk .. thankyou

Answer 1

我有一个类似的问题,该应用程序在PC上运行良好,但404在Android上运行.根据您的Cordova版本,如Cordova Android 4.0.0公告所示,自Cordova 4.0.0以来,您可能必须添加Cordoba-

白名单功能得到了改进

• 您需要添加新的cordova-plugin-whitelist插件才能继续使用白名单
• 现在支持设置内容安全策略(CSP),这是白名单的推荐方法(请参阅插件自述文件中的详细信息)
• 默认情况下,网络请求在没有插件的情况下被阻止,因此安装此插件甚至允许所有请求,即使您使用的是CSP.
• 此新白名单已增强为更安全和可配置,但旧版白名单行为仍可通过单独的插件(不推荐)使用.
• 注意:虽然不是此版本的严格部分,但cordova-cli创建的最新默认应用程序默认包含此插件.

安装:Cordova plugin add https://github.com/apache/cordova-plugin-whitelist.git.

在此之后,您需要添加强制性内容安全策略:(一个简单的尝试是:<meta http-equiv="Content-Security-Policy" content="default-src *; img-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'"> 但我建议您阅读http://content-security-policy.com上的选项).不要忘记检查config.xml以定义访问源(最简单的是<access origin="*"/>).如果仍然无法工作,请查看https://github.com/apache/cordova-plugin-whitelist#navigation-whitelist,看看是否需要导航或意图白名单.祝好运!