我有这段代码。
<ion-item ng-repeat='item in videos' class="item-thumbnail-left item-text-wrap">
<img scr="http://placehold.it/80x80">
</ion-item>
我正在尝试从placehost.it加载图像,但它没有加载图像。 我添加了
<access origin="*" />
以上代码到我的config.xml文件。但是当我在chrome上打开它时仍然没有加载。我也启用了COR。我该怎么办?
答案 0 :(得分:1)
使用cordova-plugin-whitelist将域列入白名单解决了这个问题。
通过CLI添加插件:
cordova plugin add cordova-plugin-whitelist
然后将以下代码行添加到您应用的config.xml:
<allow-navigation href="http://*/*" />
和
index.html中的这个元标记
<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline' 'unsafe-eval'">
编辑:这个问题的原因:
来自Cordova 4.0.0 for Android&#39; s更新:
白名单功能已更新
您需要添加新的cordova-plugin-whitelist插件才能继续使用白名单
现在支持设置内容安全策略(CSP),这是白名单的推荐方式(请参阅插件自述文件中的详细信息)
默认情况下,网络请求在没有插件的情况下被阻止,因此安装此插件即使允许所有请求,即使您是 使用CSP。
此新白名单已增强为更安全和可配置,但传统白名单行为仍可通过单独提供 插件(不推荐)。
注意:虽然不是此版本的严格部分,但最新的默认应用程序 由cordova-cli创建的默认情况下将包含此插件。
答案 1 :(得分:1)
尝试使用 ng-src ,因为您要从网站导入,而不是从本地导入。
干杯