javascript - Cordova 白名单插件不起作用

Question

我的应用程序在浏览器上运行良好，但在设备上运行不佳:ionic 应用程序仅加载 HTML 和 CSS，但不加载 http 请求并运行 JS。

在 Xcode 中，它卡在此时:

2016-06-18 11:43:59.169 waettr[719:414729] Apache Cordova native platform version 4.1.0 is starting.
2016-06-18 11:43:59.170 waettr[719:414729] Multi-tasking -> Device: YES, App: YES
2016-06-18 11:43:59.203 waettr[719:414729] Using UIWebView
2016-06-18 11:43:59.204 waettr[719:414729] [CDVTimer][handleopenurl] 0.057995ms
2016-06-18 11:43:59.205 waettr[719:414729] [CDVTimer][intentandnavigationfilter] 1.080990ms
2016-06-18 11:43:59.205 waettr[719:414729] [CDVTimer][gesturehandler] 0.043035ms
2016-06-18 11:43:59.217 waettr[719:414729] [CDVTimer][splashscreen] 12.061000ms
2016-06-18 11:43:59.224 waettr[719:414729] [CDVTimer][statusbar] 6.388009ms
2016-06-18 11:43:59.224 waettr[719:414729] [CDVTimer][keyboard] 0.630975ms
2016-06-18 11:43:59.225 waettr[719:414729] [CDVTimer][TotalPluginStartup] 20.883977ms
2016-06-18 11:43:59.366 waettr[719:414729] Resetting plugins due to page load.
2016-06-18 11:44:01.708 waettr[719:414729] Finished load of: file:///var/containers/Bundle/Application/8365EFD8-1FAA-4E82-8DB6-2ADCD8E53A90/waettr.app/www/index.html#/home

我有以下设置:

  <access origin="*" />
  <allow-navigation href="https://maps.googleapis.com/*"/>
  <allow-navigation href="http://api.openweathermap.org/*"/>

此标签:

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

我的错误是什么？我为此感到头疼......

Answer 1

如果您要进行 Ajax 调用:

 <allow-navigation href="https://maps.googleapis.com/*"/>
 <allow-navigation href="http://api.openweathermap.org/*"/>

我猜这就是您在 config.xml 中包含这些内容的原因，那么我建议您更新内容安全策略元选项卡以包含 connect-src 声明。这定义了您可以进行 Ajax 调用的位置。

尝试设置以下内容安全策略:

<meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline'; script-src 'self' maps.googleapis.com 'unsafe-inline' 'unsafe-eval'; connect-src https://maps.googleapis.com http://api.openweathermap.org">

这里我添加了 connect-src 和我认为您正在尝试向其发出 Ajax 请求的 URL。如果您想了解更多信息，请参阅 relevant blog post .