Pourquoi est-ce que je reçois un message « Échec de la demande de contrôle en amont avec erreur : code d'état HTTP 404 non valide » dans mon application AngularJS ?

Échec de la demande de contrôle en amont avec erreur : code d'état HTTP 404 non valide

Dans les applications AngularJS, tenter d'effectuer une requête POST peut parfois entraîner l'erreur message d'erreur suivant : "La réponse pour le contrôle en amont a un code d'état HTTP 404 non valide." Cette erreur se produit en raison d'un problème avec la stratégie CORS (Cross-Origin Resource Sharing).

La stratégie CORS, mise en œuvre par la plupart des navigateurs modernes, garantit que les applications Web peuvent envoyer des requêtes en toute sécurité à d'autres domaines. Avant d'effectuer la demande proprement dite, le navigateur envoie une demande de contrôle en amont (OPTIONS) au serveur pour vérifier si le serveur autorise la demande provenant du domaine d'origine.

Pour résoudre ce problème, assurez-vous que le serveur répond au contrôle en amont. demande avec les en-têtes appropriés. Plus précisément, le serveur doit définir les en-têtes suivants :

• Access-Control-Allow-Headers
• Content-Type
• Access-Control-Allow-Methods
• Access-Control-Allow-Origin

Par exemple, dans SlimPHP, vous pouvez définir ces en-têtes à l'aide de la méthode Response().headers() :

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

De plus, vous devrez peut-être désactiver la gestion automatique du contrôle en amont en modifiant la configuration d'AngularJS :

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

En configurant le serveur pour gérer les demandes de contrôle en amont et en désactivant la gestion automatique du contrôle en amont dans AngularJS, vous pouvez effectuer avec succès des requêtes POST à ​​partir de votre Client AngularJS sur votre serveur.

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!