Heim > Artikel > Backend-Entwicklung > Warum schlägt meine AngularJS-POST-Anfrage mit einem 404 für die Preflight-Anfrage fehl?
AngularJS POST Request Failure: HTTP 404 for Preflight Request
In AngularJS kann bei POST-Anfragen ein ungelöster Fehler „XMLHttpRequest kann nicht geladen werden“ auftreten . Dies wird durch einen ungültigen HTTP-Statuscode (404) für die Preflight-Anfrage verursacht, die dem eigentlichen POST vorausgeht. Mit der Preflight-Anfrage soll überprüft werden, ob der angeforderte Vorgang zulässig ist, um die Einhaltung der CORS-Richtlinien (Cross-Origin Resource Sharing) sicherzustellen.
Ursache: Fehlende CORS-Header
Die zugrunde liegende Fehlerursache liegt darin, dass der Server die Preflight-OPTIONS-Anfrage nicht ordnungsgemäß verarbeitet. Um Cross-Origin-Anfragen zu ermöglichen, muss der Server entsprechende CORS-Header festlegen.
Lösung: CORS-Header serverseitig hinzufügen
In SlimPHP können Sie CORS-Header hinzufügen das Antwortobjekt:
<code class="php">$app->response()->headers->set('Access-Control-Allow-Headers', 'Content-Type'); $app->response()->headers->set('Content-Type', 'application/json'); $app->response()->headers->set('Access-Control-Allow-Methods', 'GET, POST, OPTIONS'); $app->response()->headers->set('Access-Control-Allow-Origin', '*');</code>
Lösung: Preflight-Anfragen clientseitig deaktivieren
Alternativ können Sie Preflight-Anfragen clientseitig deaktivieren, indem Sie die allgemeinen Header in AngularJS zurücksetzen :
<code class="js">app.config(function ($httpProvider) { $httpProvider.defaults.headers.common = {}; $httpProvider.defaults.headers.post = {}; $httpProvider.defaults.headers.put = {}; $httpProvider.defaults.headers.patch = {}; });</code>
Zusätzliche Überlegungen
Für POST-Anfragen mit sensiblen Daten müssen Sie möglicherweise Authentifizierungs- und Autorisierungsmechanismen wie JSON Web Tokens (JWT) implementieren. um die Verbindung zu sichern. Es ist wichtig, CORS gründlich zu verstehen und die ordnungsgemäße Bearbeitung von OPTIONS-Anfragen sicherzustellen, um Sicherheitsverletzungen zu verhindern.
Das obige ist der detaillierte Inhalt vonWarum schlägt meine AngularJS-POST-Anfrage mit einem 404 für die Preflight-Anfrage fehl?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!