No Access-Control-Allow-Origin pour angulaires-cli “localhost:4200”

J'ai un problème lié à la SCRO et le besoin des en-têtes.

Installation
Je lance un angulaire du projet und angulaires-cli (localhost:4200) je veux accéder à un via un HTTP-Demande d'un JSON à partir d'un WebService. Quand j'en utilisant l'URL directement dans le navigateur, tout est parfait et le JSON est affiché. Dès que j'ai envoyer la demande de mon angulaire de l'application, j'obtiens l'erreur suivante:

  XMLHttpRequest cannot load http://t00-holcim:8888/deliveries?fields=liefer_nr,dispo_nr,lieferscheinsta…r,empfaenger_nr,bestellinfo1,bemerkung&limit=3&deliveryNoteDate=2017-04-27. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:4200' is therefore not allowed access. The response had HTTP status code 403.

Voici le code du programme:

....... 
const headers = new Headers(); 
headers.append('Content-Type', 'application/json; charset=utf-8'); headers.append('Access-Control-Allow-Origin', '*'); 
const options = new RequestOptions({ method: RequestMethod.Post, headers: headers });

this.http.get(this.buildURLString(), options).map(this.extractData)
              .subscribe((data) => {........}

J'ai cherché sur le net et j'ai trouvé que l'erreur est liée à la SCRO. J'ai donc ajouter à l'en-tête en-têtes.append('Access-Control-Allow-Origin', '*'); mais cela n'aide pas.

J'ai obtenu l'extension de la SCRO pour Chrome et activez l'option "Activer l'origine de la croix de partage de ressources" mais il n'a pas aidé.

Est-ce un changement de configuration sur le côté serveur ou côté client.

InformationsquelleAutor M. Fish | 2017-05-18
  1. 1

    Nous avons trouvé la solution. Comme nous utilisons le repos-Serveur de SpringBoot, à ce serveur, nous avons ajouté la " Access-Control-Allow-Origin', '*' " et cela a fonctionné..
    J'étais toujours en train de penser parce qu'il dit "contrôle en amont" que ce besoin d'être résolu sur le côté client et non sur le côté serveur.

    Espérons que cela aide quelqu'un.

    InformationsquelleAutor M. Fish
  2. 0

    C'est un problème côté serveur. Quelle langue utilisez-vous pour votre serveur?
    Si vous utilisez JS ci-dessous bloc prend soin de la SCRO question.

    var app = express()    
var cors = require('cors');
app.use(function(req, res, next) {
res.header("Access-Control-Allow-Origin", "*");
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, 
Content-Type, Accept");
next();
});
    • Merci beaucoup, oui, vous avez droit à 100% et c'est que nous avons résolu le problème. Merci, pour la réponse rapide 🙂
    • je le suis toujours d'obtenir le même problème, une aide?
    InformationsquelleAutor Ameerah Khan