There is an HTTPS site with an API that needs to be accessed.
I need to work from Cordova (AngularJS) with its HTTPS API.
Additionally, I want to debug the AngularJS app in a web browser (Chrome) because it's much quicker compared to rebuilding and deploying.
Here is some simple code snippet:
$http({
method: 'POST',
crossDomain: true,
xhrFields: { withCredentials: false },
url: 'https://.../api/Auth',
data: { email: user, password: password }
}).
then(function (response) {
console.log("0", response);
}, function (response) {
console.log("1", response);
});
$.ajax({
type: "POST",
url: 'https://.../api/Auth',
xhrFields: {
withCredentials: true
},
crossDomain: true,
data: { email: user, password: password },
success: function (response) { console.log("2", response) },
});
- Result in Cordova debug (Visual Studio, Windows-x64)
First request
HTTP500: SERVER ERROR - The server encountered an unexpected condition that prevented it from fulfilling the request. (XHR): GET -
This error occurs twice, once for $http and once for $.ajax.
Second and subsequent requests - Return correct response (also twice)
- Result in Chrome
All requests
a) $http uses the OPTION method instead of POST
b) $http error: XMLHttpRequest cannot load . Response for preflight is invalid (redirect)
c) $.ajax uses the correct POST method
d) $.ajax error: XMLHttpRequest cannot load . No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin '' is therefore not allowed access.
Questions
How can I work with HTTPS in Cordova and Chrome using the same code?
How do I skip the first request in Cordova and work with the second one directly?