Internal navigation rejected: in Cordova on iOS

Question

I have built an iOS app using Cordova. The app tries to load a web page e.g. http://yourdomain.com/home in index.html. But, the page stays white blank with error in console

Answer 1

It is a scheme used internally, just allow access/navigation to it:

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

It is not recommended to use

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

as described in cordova-plugin-whitelist.

Answer 2

I was having this problem and it turns out there are two config.xml files. The first one is in Xcode, but you have to edit the second one from the filesystem.

AppName/config.xml

AppName/platforms/ios/AppName/config.xml

I added

<allow-navigation href="*" /> 

to both of them and it worked. Using 6.3.0.

Answer 3

Thanks for the pointer. The solution

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

caused a cordova prepare error for me. I need to use the following instead:

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

Answer 4

You have to add this line to your config.xml

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

or this one if you want to allow the navigation to all the urls on yourdomain.com

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

Answer 5

It's not recommend to open a url in your base web view. Use the cordova-plugin-inappbrowser and call the inappbrowser to open outer 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');
    }
}