Question

我有这段代码。

<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。我该怎么办？

Answer 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创建的默认情况下将包含此插件。

Answer 2

尝试使用 ng-src ，因为您要从网站导入，而不是从本地导入。

干杯

离子框架图像未加载

2 个答案: