云图像无法通过离子框架工作

Question

我通过cloudinary-angular库使用带有Ionic框架的Cloudinary图像，并且我在加载图片方面遇到了一些问题。

当我通过attr_reader :team方法进行测试时，事情似乎正常。但是，当我将应用程序安装到设备时，图像会中断。任何人都有任何想法如何解决这个问题？

以下是我的部分代码示例：

ionic serve

和

<cl-image ng-if="item.Attachment.name" public-id="{{bucket.mybucket}}/{{item.Attachment.name}}" crop="thumb" width="100" height="100" radius="max" format="png"></cl-image>
<cl-image ng-if="!item.Attachment.name" public-id="{{bucket.mybucket}}/{{bucket.defaultCheese}}" crop="thumb" width="100" height="100" radius="max" format="png"></cl-image>

就像我说的，这两个都使用$scope.backgroundImg = $.cloudinary.url($scope.bucket.mybucket + "/" + results.response[0].Attachment.name, { format: 'png', height: 800, width: 580, crop: 'fit' }).toString(); 。

更新：使用Safari调试工具，我发现了以下内容。

修复了一个问题：通过将以下内容添加到应用程序的ionic serve下的Info.plist中，修复了应用传输安全问题。更多细节见App Transport Security。

已修复第二期：结束了cloudinary_angular库的问题。出于某种原因，它会使用Resources/MyApp-Info.plist原型协议而不是应用所需的file://返回网址。通过我的前叉robksawyer/cloudinary_angular查看解决方案。

Answer 1

可能是白名单错误？

在此处查看完整信息https://github.com/apache/cordova-plugin-whitelist

快速信息

// install plugin
cordova plugin add cordova-plugin-whitelist

然后适当修改config.xml

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

请参阅上面提供的文档以获得完整的解释