Ionische http post auf externe url

Ich versuche zu senden, einen Beitrag zu einer url mit Ionic mit eckigen, aber ich habe die Antwort:

Antwort auf preflight-Anfrage nicht passieren access control check: Kein "Access-Control-Allow-Origin' - header vorhanden ist, auf die angeforderte Ressource. Herkunft 'http://localhost:8100' ist daher nicht der Zugriff erlaubt. Die Antwort hatte Sie den HTTP-status-code 404.

Ich weiß, dass der externe service arbeitet, denn getestet habe ich es per ajax und alles funktioniert perfekt...

Unten der code in AngularJS (Ionischen) und Ajax:

Ionic:

var loginServiceUrl = 'http://url.com.br'; //It is not the real one
var loginServiceData = {
    email: email@email.com.br
    senha: 1234
};
$http.post(loginServiceUrl, loginServiceData).
then(function (res){
    console.log(res);
});

Ajax:

$.ajax({
    type: "POST",
    url : 'http://url.com.br', //It is not the real one
    data : {email: '[email protected]', senha: '1234'},
    success: function(result) {
        $('html').text(JSON.stringify(result));
    }
});

Weiß jemand, warum ich die post per ajax auf meinem localhost und nicht mit dem ionic, auch localhost?

hast du die Antwort finden?
Yep. Eine chrome-Erweiterung: "Allow-Control-Allow-Origin: *", chrome.google.com/webstore/detail/allow-control-allow-origi/...
Cool, vielen Dank!

InformationsquelleAutor Beto | 2016-07-06

1

Check this out. Es ist gut erklärt, wie zu handhaben Fragen, wie deine --> http://blog.ionic.io/handling-cors-issues-in-ionic/

das habe ich versucht, aber meine geringen Kenntnisse von AngularJs hat mich nicht bekommen, das zu tun, was ich wollte mit der Fabrik... =/ Und nur mit den proxy-int-ionisch ist.Projekt dosent Arbeit

InformationsquelleAutor radioaktiv

Versuchen, hinzufügen von Kopfzeilen in Ihrem POST-Anfrage.

//Beispiel DataToSend

   var DataToSend = {
                    userID: deviceID,
                    coordLat : pos.coords.latitude,
                    coordLon: pos.coords.longitude
   };

   $http({
            method: 'POST',
            url: 'http://url.com.br',
            headers: {'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'},
            data: DataToSend
        })

Gleiche Fehlermeldung... =T

InformationsquelleAutor Antonis

CORS hat nichts zu tun mit dem frontend.

Bevor die POST-Anforderung, browser senden eine OPTIONS-Anfrage an den server, um zu überprüfen, ob Anruf aus Ihrer Domäne erlaubt ist oder nicht.

Da, Sie werden immer den Status 404, bedeutet dies, dass Ihr server nicht die Handhabung der OPTIONS-Anfrage

1. Erlauben die OPTIONS-Anforderung (wie POST)

Komme nun zum zweiten Teil-ich.e "Antwort auf preflight-Anfrage nicht passieren access control check: Kein "Access-Control-Allow-Origin' "

Nach der die OPTIONS-Anfrage, setzen Sie nun den response-header von OPTIONS-Anfrage (Browser prüfen, die Reaktion der OPTIONEN anfordern und dann den POST-request nur, wenn es 'Access-Control-Allow-Origin" in der OPTIONEN-Antwort.

2. Die Antwort-Header von OPTIONS-Anfrage

response().setHeader("Access-Control-Allow-Origin", "*");
response().setHeader("Allow", "*");
response().setHeader("Access-Control-Allow-Methods", "POST, GET, PUT, DELETE, OPTIONS");
response().setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept, Referer, User-Agent");

Beispiel..
(In Java)

Router:

OPTIONS /*all                         
controllers.Application.preflight(all)

Controller-Funktion:

public static Result preflight(String all) {
        response().setHeader("Access-Control-Allow-Origin", "*");
        response().setHeader("Allow", "*");
        response().setHeader("Access-Control-Allow-Methods", "POST, GET, PUT, DELETE, OPTIONS");
        response().setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept, Referer, User-Agent, Auth-Token");
        return ok();
    }