Internal navigation rejected: <allow-navigation not set> in Cordova on iOS

ios cordova web webpage cordova-plugins
Ravi Ranjan Singh picture Ravi Ranjan Singh · Mar 26, 2016 · Viewed 55k times · Source

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

Tom Kincaid picture Tom Kincaid · Aug 16, 2016

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.

Related questions

Phonegap - cordova is laggy and slow on android and iOS devices

I just now started with my first PhoneGap project using zend studio. But, after i build and deploy it, the application is quite slow. Both on android and iOS. The scrolling is lagging, and if i press a button, it's …

Read More
How do I correctly detect orientation change using Phonegap on iOS?

I found this orientation test code below looking for JQTouch reference material. This works correctly in the iOS simulator on mobile Safari but doesn’t get handled correctly in Phonegap. My project is running into the same issue that is …

Read More
Remove attribute "checked" of checkbox

I need remove the attribute "checked" of one checkbox when errors occur. The .removeAttr function not work. Any idea? :/ HTML <div data-role="controlgroup" data-type="horizontal" data-mini="true" style="margin-left: auto; margin-right: auto; width: 100%; text-align: center;"> <input type="…

Read More