Angulaire $http: Réponse pour le contrôle en amont est non valide code de statut HTTP 403

Je suis en train d'écrire angulaire de l'application, et je vais essayer de vous connecter à notre API à l'aide de la $http service.

$http.post('https://backend-test/***/v001/login', {'userName': 'admin', 'password': 'passtest'}, {headers: {'Accept': 'application/json', 'Content-Type': 'application/json'}}).then(function success(response) {
    console.log(response);
});

Cependant, j'obtiens toujours cette erreur:

XMLHttpRequest ne peut pas charger
https://backend-test/***/v001/login. Réponse
pour le contrôle en amont est non valide code de statut HTTP 403

Aussi, il semble que pour envoyer une demande d'OPTIONS au lieu d'une requête POST:

Demande de la Méthode:les OPTIONS

La chose étrange est qu'il fonctionne correctement lorsque j'utilise cet outil:

https://www.hurl.it/

Toutes les pensées?

Je pense que vous devez mettre la clé params comme ça $http.post('https://backend-test/***/v001/login', {params : {'userName': 'admin', 'password': 'passtest'}}, {headers: {'Accept': 'application/json', 'Content-Type': 'application/json'}}).then(function success(response) { console.log(response); });
l'utilisation de params n'est pas pour les requêtes post
le serveur ne semble pas être de la SCRO activé et/ou ne semble pas être mis en place pour gérer les OPTIONS de contrôle en amont des demandes que les navigateurs vont envoyer lors de la prise de la croix de domaine de demandes de
Il va lancer.il ou Runscope car ceux-ci sont en fonction de serveur de clients en faisant la demande. Ils ne sont pas nécessaires à l'utilisation de la SCRO comme votre côté client JS est.

OriginalL'auteur kevinius | 2015-11-06

  1. 5

    J'ai eu le même problème. Mon backend c'est un serveur tomcat. Je l'ai résolu en configuration web.xml comme ceci:

    <filter>
    <filter-name>CorsFilter</filter-name>
    <filter-class>org.apache.catalina.filters.CorsFilter</filter-class>
    <init-param>
        <param-name>cors.allowed.headers</param-name>
        <param-value>Content-Type,X-Requested-With,accept,Origin,Access-Control-Request-Method,Access-Control-Request-Headers,Authorization</param-value>
    </init-param>     
</filter>

    OriginalL'auteur Claudio

  2. 1

    Ici, de la Scro du middleware pour exressJS (NodeJS)

    npm install cors

    Code :

    var cors = require('cors'),express = require('express');
var app = express(); //defining app using express

app.use(cors()); //**core as middleware**

    OriginalL'auteur Ankur Loriya