webentwicklung-frage-antwort-db.com.de

Es ist kein 'Access-Control-Allow-Origin'-Header vorhanden. Winkel 7 und Express

Ich betreibe einen Server mit Express an Port 3000 und einen Client mit eckig 7 an Port 4200. Sobald ich eine Anfrage stelle, stoße ich auf CORS-Problem.

Der Zugriff auf XMLHttpRequest unter ' http: // localhost: 3000/drug ' von Origin ' http: // localhost: 4200 ' wurde durch die CORS-Richtlinie blockiert: Nein 'Zugriffskontrolle zulassen-Ursprung 'Header ist auf der angeforderten Ressource vorhanden.

Ich habe alle Lösungen online ausprobiert, wie das cors-Paket, und die Middleware vor dem Router wie folgt einstellen ( Angular) 6 - Auf der angeforderten Ressource ist kein Header "Access-Control-Allow-Origin" vorhanden ). Es wird aber immer noch nicht gelöst und es werden immer wieder dieselben Fehler angezeigt. Hat jemand das gleiche Problem, dass CORS nicht mit allen Lösungen gelöst wird? Kannst du mir bitte Helfen? 

app.use((req, res, next) => {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Methods", "GET,HEAD,OPTIONS,POST,PUT");
  res.header(
    "Access-Control-Allow-Header",
    "Origin, X-Requested-With, Content-Type, Accept"
  );
  next();
});

app.use((req, res, next) => {
      res.header("Access-Control-Allow-Origin", "http://localhost:4200");
      res.header("Access-Control-Allow-Methods", "GET,HEAD,OPTIONS,POST,PUT");
      res.header(
        "Access-Control-Allow-Header",
        "Origin, X-Requested-With, Content-Type, Accept"
      );
      next();
    });
1
Anna Lee

Setzen Sie diese Codezeile app.use(cors()); vor dem Routing-Code. (Vorausgesetzt, Sie haben das Paket cors installiert).

3
Nilay Patel