Ionic框架图像未加载

debugcn 发表于 Dev

含咖啡因的狼

我有这个代码。

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

阿尼尔·库玛（Anil kumar）

使用cordova-plugin-whitelist将域列入白名单可解决此问题。

通过CLI添加插件：

cordova plugin add cordova-plugin-whitelist

然后将以下代码行添加到应用程序的config.xml中：

<allow-navigation href="http://*/*" />

和

您index.html中的这个meta标签

<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的更新：

改进了白名单功能

您将需要添加新的cordova-plugin-whitelist插件才能继续使用白名单

现在支持设置内容安全策略（CSP），这是将其列入白名单的推荐方法（请参阅插件自述文件中的详细信息）

默认情况下，不带插件的网络请求将被阻止，因此即使允许所有请求，也要安装此插件，即使您使用的是CSP。

此新的白名单已增强为更安全和可配置，但是旧版白名单的行为仍然可以通过单独的插件获得（不推荐）。

注意：尽管不是严格意义上的发行版，但cordova-cli创建的最新默认应用程序默认将包含此插件。