Phonegap Cordova Ajax requests 404 (Not Found) Error

Question

My cordova version is 5.0.0

I am getting a 404 error for the all ajax request made when the app is deployed on the device. On the web browser, it works fine but same app when deployed on a device does not work.

I tried adding following to solve the issue but it hasn't helped.

Config.xml

<access origin="*" /> 

AndriodManiest.xml

<uses-permission android:name="android.permission.INTERNET" /> <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /> <uses-permission android:name="android.permission.READ_PHONE_STATE" /> 

I also added following in my index.html file but it didn't make any difference either.

<script>     $.support.cors=true; </script> 

Anyone here has another trick to solve this issue?, Seems to be a quite common issue with phonegap but the fixes above worked in older vesion of the phonegap/cordova but non of them has worked in my case.

Any help would be great.

Answer 1

I had the same issue and had to install the cordova-plugin-whitelist

cordova plugin add cordova-plugin-whitelist 

Credit goes to this stackoverflow article - Ajax Command to request URL no longer working

Answer 2

It should actually add the cordova whitelist plugin :

cordova plugin add cordova-plugin-whitelist 

or in your config.xml file :

<plugin name="cordova-plugin-whitelist" spec="1" /> 

but if you are using the online phonegap build service the syntax is different. You have to add the following line in your config.xml file :

<gap:plugin name="cordova-plugin-whitelist" source="npm" /> 

and authorize cross domain requests :

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

This is not recommended because a wildcard is used everywhere and everything is permitted. But it is perfect for your tests.