IONIC：无法加载资源：不支持的 URL答案

【问题标题】：IONIC: Failed to load resource: unsupported URLIONIC：无法加载资源：不支持的 URL
【发布时间】：2015-10-12 14:07:47
【问题描述】：

我正在使用 ionic 和 iOS9 开发一个类似 Instagram 的应用程序，但我遇到了一个奇怪的错误，我在网上寻找解决方案，但没有找到有用的东西。奇怪的是，屏幕底部的过滤器使用相同的图像，但它在那里工作。

并且 GapDebug 正在抛出此错误：

不安全：file:///var/mobile/Containers/Data/Application/AC45E204-30FB-4F61-92DF-97B840149D7D/tmp/cdv_photo_002.jpg 加载资源失败：不支持的 URL

Screenshot from the App

解决方案：将此添加到 app.js 中的 .config

$compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|file|mailto|chrome-extension):/);

【问题讨论】：

标签： cordova camera ionic

【解决方案1】：

【讨论】：

如何以及在何处放入 xml 块？

【解决方案2】：

您可能没有使用版本号，这迫使您使用white-lists。将您的 Cordova 编译器版本设置为 4.0.0 之前的版本，例如 3.7.1 _OR_ 设置、white-list、white-list plugin 和 CSP（请参阅文档底部）

【讨论】：

谢谢！我发现，我正在使用白名单，但这一行不见了：
$compileProvider.aHrefSanitizationWhitelist(/^\s(https|ftp|file|mailto|chrome-extension):/);

【解决方案3】：

尝试将以下内容添加到您的index.html 的<head>：

    <meta http-equiv="Content-Security-Policy" content="
    default-src 'self' data: gap: *;
    script-src 'self' 'unsafe-inline' 'unsafe-eval' *;
    style-src 'self' 'unsafe-inline' 'unsafe-eval' *;
    media-src 'self' 'unsafe-inline' 'unsafe-eval' *;
    img-src 'self' 'unsafe-inline' 'unsafe-eval' * data:;">

【讨论】：