Internal navigation rejected: in Cordova o

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 "Internal navigation rejected - <allow-navigation> not set for url='http://yourdomain.com/home'".

I have already set <access origin="http://yourdomain.com/home" subdomains="true" /> and also tried by setting <allow-navigation> tag. But the page stays blank. am I missing anything else? Please guide.

After adding the following meta tag in index.html, the "internal navigation error" has gone, but the page is still white blank. :(

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

Answer 1

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 2

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 3

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');
    }
}

Answer 4

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 5

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:*" />