Warum schlägt meine Localhost-CORS-Anfrage trotz korrekter Header-Konfiguration fehl?

Fehlerbehebung bei CORS-Ursprungsproblemen mit localhost

Obwohl Sie die entsprechenden Header auf Ihrem Nginx/Node.js-Server eingestellt haben, um CORS zu aktivieren, tritt Folgendes auf ein Fehler, wenn eine Anfrage von localhost an einen anderen Ursprung gestellt wird. Die Fehlermeldung weist darauf hin, dass der auf http://localhost gesetzte Access-Control-Allow-Origin-Header abgelehnt wird.

Einschränkung von Chrome

Das Problem liegt bei Chrome selbst. Chrome unterstützt localhost nicht als zulässigen Ursprung für CORS-Anfragen. Dieses Verhalten ist auf einen seit langem bestehenden Fehler zurückzuführen, der 2014 als WontFix gekennzeichnet wurde.

Problemumgehungen

• Verwenden Sie eine andere Domäne: Verwenden Sie anstelle von http://localhost eine Domäne wie localho.st, die zur gleichen IP-Adresse aufgelöst wird (127.0.0.1).
• Web-Sicherheit deaktivieren: Zu Testzwecken können Sie die Web-Sicherheitsfunktionen von Chrome vorübergehend deaktivieren, indem Sie Chrome mit dem Flag --disable-web-security starten.

Zusätzliche Überlegungen

• Stellen Sie sicher Sie greifen in Ihrem Client-Skript auf den richtigen Ursprung zu.
• Überprüfen Sie, ob die „Same-Origin-Richtlinie“ des Browsers die Anforderung nicht blockiert.
• Wenn das Problem weiterhin besteht, sollten Sie dies überprüfen Serverprotokolle oder die Verwendung eines Netzwerk-Debugging-Tools, um weitere Fehler oder Unstimmigkeiten zu identifizieren.

Das obige ist der detaillierte Inhalt vonWarum schlägt meine Localhost-CORS-Anfrage trotz korrekter Header-Konfiguration fehl?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!