内部导航被拒绝：iOS 上 Cordova 中的 <allow-navigation not set>

Question

我使用 Cordova 构建了一个 iOS 应用程序。该应用程序尝试加载网页，例如http://yourdomain.com/home 在 index.html 中。但是，页面保持白色空白，控制台中出现错误“内部导航被拒绝 - 未设置 url='http://yourdomain.com/home'”。

我已经设置了<access origin="http://yourdomain.com/home" subdomains="true" />，也尝试设置<allow-navigation>标签。但是页面保持空白。我还缺少什么吗？请指导。

在index.html中添加如下meta标签后，“内部导航错误”消失了，但是页面还是白白的。 :(

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

Answer 1

我遇到了这个问题，结果发现有两个 config.xml 文件。第一个在 Xcode 中，但您必须从文件系统中编辑第二个。

AppName/config.xml

AppName/platforms/ios/AppName/config.xml

我加了

<allow-navigation href="*" /> 

对他们俩来说，它确实有效。使用 6.3.0。

Answer 2

您必须将此行添加到您的 config.xml 中

<allow-navigation href="http://yourdomain.com/home" />

如果你想允许导航到 yourdomain.com 上的所有 url，或者这个

<allow-navigation href="http://yourdomain.com/*" />

Answer 3

感谢指点。解决办法

<allow-navigation href="about:" />

导致我的科尔多瓦准备错误。我需要改用以下内容：

<allow-navigation href="about:*" />

Answer 4

这是一个内部使用的方案，只允许访问/导航到它：

<access origin="about:*" />
<allow-navigation href="about:" />

不建议使用

<access origin="*" />
<allow-navigation href="*" />

如cordova-plugin-whitelist 中所述。

Answer 5

不建议在基本 Web 视图中打开 url。使用cordova-plugin-inappbrowser并调用inappbrowser打开外url：

function open_outer_url(url){
    if(window.cordova && window.cordova.InAppBrowser){
        window.cordova.InAppBrowser.open(url, "_blank", 'location=no');
    }else{
        window.open(url,'_blank');
    }
}