Pourquoi les requêtes AngularJS POST échouent-elles avec le code d'état HTTP 404 ?

La correction des POST d'AngularJS a échoué avec le code d'état HTTP 404

Dans AngularJS, les requêtes POST peuvent échouer avec le message d'erreur "La réponse pour le contrôle en amont n'est pas valide Code d'état HTTP 404." Ce problème survient lorsque le navigateur envoie une requête OPTIONS de contrôle en amont pour vérifier les autorisations avant la requête POST réelle. Le serveur doit gérer cette demande de contrôle en amont et répondre avec les en-têtes CORS appropriés.

Configuration côté serveur

Dans le serveur SlimPHP, assurez-vous d'avoir inclus les en-têtes suivants dans votre réponse :

<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>

Côté client Configuration

Ensuite, désactivez la requête de contrôle en amont en modifiant le code client AngularJS :

<code class="javascript">app.config(function ($httpProvider) {
  $httpProvider.defaults.headers.common = {};
  $httpProvider.defaults.headers.post = {};
  $httpProvider.defaults.headers.put = {};
  $httpProvider.defaults.headers.patch = {};
});</code>

En réinitialisant les en-têtes côté client, le navigateur enverra une requête POST directe sans une demande OPTIONS de contrôle en amont. Cela devrait résoudre l'erreur HTTP 404.

Présentation du CORS

Le partage de ressources d'origine croisée (CORS) autorise les requêtes provenant de domaines différents de celui qui dessert le contenu. Cela implique une demande de contrôle en amont pour vérifier les autorisations avant la demande réelle. Une mauvaise gestion de ces demandes de contrôle en amont peut conduire à l’erreur HTTP 404. En comprenant CORS et en configurant le client et le serveur en conséquence, vous pouvez exécuter avec succès les requêtes POST dans AngularJS.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!