Question

Ionic中的标签应用模板包含一些外部图片，当我在Android模拟器或Nexus 5中打开应用时，它们无法加载。设备和模拟器都有互联网连接，我可以加载这些图像在浏览器中手动。

它在浏览器中工作正常（离子服务）。

那是：

ionic start myApp tabs
cd myApp
ionic serve # OK
ionic platform add android
ionic build android
ionic emulate android # Images are not loaded
ionic run android # Images are not loaded

离子服务：

http://content.screencast.com/users/yuri_l/folders/Jing/media/e95e5f91-c732-414a-9ba5-adaf8a726dd5/00000064.png

Android模拟器（Nexus 5）：

http://content.screencast.com/users/yuri_l/folders/Jing/media/a515d587-0eea-4978-809d-b800899aa9f9/00000065.png

离子1.3.22 cordova 5.0.0

我缺少什么？

Answer 1

以下是解决方案：

ionic plugin add cordova-plugin-whitelist

外部资源在没有它的情况下不会加载。

Answer 2

正如joeri所说：

离子插件添加cordova-plugin-whitelist

将解决问题，这是api链接，解释它是如何工作的。 plugin API

在我的cordova config.xml文件中

<access origin="*"/>

执行此操作不会阻止任何请求

如果您想要更多地限制它，{API}解释还有一些选项here

Ionic默认选项卡模板中的外部图像不会加载到模拟器和设备上

2 个答案: