android - Android 应用程序中未显示外部图像 - Meteor - Cordova

Question

我正在使用 Meteor 开发 Android 应用程序，但在显示来自外部来源的图像时遇到问题。

以下<img>标签应根据纬度和经度显示来自 google maps api 的图像:

<img src="http://maps.googleapis.com/maps/api/staticmap?center={{loc.lat}},{{loc.lng}}&zoom=15&size=600x300&maptype=roadmap&markers=color:blue%7C{{loc.lat}},{{loc.lng}}" />

虽然这在浏览器中有效，但当我尝试在 Android 设备上运行它时，我在服务器上收到以下错误

XMLHttpRequest cannot load http://10.0.2.2:3000/sockjs/info?cb=p4ej3xginv. Origin http://meteor.local is not allowed by Access-Control-Allow-Origin.

我是否需要将“google maps api”域放入某种“白名单”中，例如在使用 Phonegap 时。

如果是这样，我们如何在 Meteor 中做到这一点？

Answer 1

是的，从 1.0.4 开始，"Meteor Cordova apps no longer allow access to all domains by default."

所以从现在开始，在您的 mobile-config.js 文件中，您必须调用 App.accessRule对于您可以从中加载内容的每个外部域。

所以在你的情况下，添加:

App.accessRule('http://maps.googleapis.com/*');

在 mobile-config.js 文件的末尾应该可以解决问题。