Ionique http post à l'url externe

Im essayant de nous envoyer un courrier à une url avec Ionique à l'aide angulaire, mais j'ai la réponse:

Réponse à la demande de contrôle en amont ne passent pas de contrôle d'accès: Pas de "Access-Control-Allow-Origin' en-tête est présent sur la ressource demandée. Origine " http://localhost:8100 ' est donc pas autorisé à accéder. La réponse avait le code d'état HTTP 404.

Je sais que le service externe est de travailler, parce que je l'ai testé en ajax et tout fonctionne parfaitement...

Ci-dessous le code utilisé dans AngularJS (Ionique) et Ajax:

Ionique:

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

Personne ne sait pourquoi je la poste via ajax sur mon localhost et non ioniques, aussi localhost?

avez-vous trouvé la réponse?
Yep. Une extension chrome: "Permettez-Control-Allow-Origin: *", chrome.google.com/webstore/detail/allow-control-allow-origi/...
Cool, merci beaucoup!

OriginalL'auteur Beto | 2016-07-06

1

Vérifier cela. C'est bien expliqué façon de traiter des questions comme la vôtre --> http://blog.ionic.io/handling-cors-issues-in-ionic/

j'ai essayé, mais mon faible niveau de connaissance d'AngularJs faites-moi de ne pas arriver à faire ce que je voulais à l'aide de l'usine... =/ Et en utilisant simplement le proxy int ionique.projet de travail dosent

OriginalL'auteur radioaktiv

Essayez d'ajouter des en-têtes dans votre requête POST.

//exemple de 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
        })

Même erreur... =T

OriginalL'auteur Antonis

0

De la SCRO a rien à voir avec votre frontend.

Avant l'envoi de la requête POST, navigateur envoyer une demande d'OPTIONS pour le serveur pour vérifier si l'appel de votre nom de domaine est autorisé ou pas.

Depuis, vous obtenez le Statut 404, cela signifie que votre serveur n'est pas de la manipulation de la demande d'OPTIONS

1. Autoriser la demande d'OPTIONS (comme la POSTE)

En viens maintenant à la deuxième partie je.e "Réponse à la demande de contrôle en amont ne passent pas de contrôle d'accès: Pas de "Access-Control-Allow-Origin' "

Après la demande d'OPTIONS, maintenant définir l'en-tête de réponse de la demande d'OPTIONS (Navigateur va vérifier la réponse des OPTIONS de demande, puis de traiter la requête POST, uniquement s'il est "Access-Control-Allow-Origin" présentes dans les OPTIONS de réponse.

2. Définir les en-têtes de réponse de la demande d'OPTIONS
```
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");
```
Exemple..
(En Java)

Routeur:
```
OPTIONS /*all                         
controllers.Application.preflight(all)
```
Fonction De Contrôleur:
```
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();
    }
```
Espère que cela permettra de résoudre votre problème.

Acclamations

OriginalL'auteur Ashish

Vous devez vous connecter pour publier un commentaire.