Wie behebe ich CORS-Fehler beim Verbinden eines Angular-Frontends mit einem Express-Backend?

CORS-Fehler: Behebung von „Anfragen werden nur für Protokollschemata unterstützt: http...“

Beim Versuch, ein Express-Backend auszuführen und Wenn Sie über Angular einen JSON-String von einem Localhost-Link abrufen, kann ein „CORS“-Fehler auftreten. Die Fehlermeldung weist normalerweise darauf hin, dass Cross-Origin-Anfragen nur für bestimmte Protokollschemata unterstützt werden.

Um dieses Problem zu beheben, müssen mehrere Maßnahmen ergriffen werden:

Stellen Sie zunächst sicher, dass die im Angular Service beinhaltet das entsprechende Protokollschema. In diesem Fall sollte es „http“ sein. Ändern Sie die Basis-URL in:

this._baseUrl = 'http://localhost:4201/';

Stellen Sie zweitens sicher, dass der Express-Server korrekt für CORS konfiguriert ist. Stellen Sie sicher, dass das CORS-Modul ordnungsgemäß verwendet wird, und erwägen Sie, die entsprechenden HTTP-Header für CORS explizit festzulegen.

Zum Beispiel könnten Sie in der Handler-Funktion den folgenden Code hinzufügen, um die Header festzulegen:

res.header('Access-Control-Allow-Origin', '*');
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");

Erwägen Sie außerdem, die Browserkonsole zu untersuchen und nach anderen Fehlermeldungen zu suchen, die weitere Einblicke in das Problem geben könnten.

Das obige ist der detaillierte Inhalt vonWie behebe ich CORS-Fehler beim Verbinden eines Angular-Frontends mit einem Express-Backend?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!