Pourquoi ma requête CORS localhost échoue-t-elle malgré une configuration d'en-tête correcte ?

Dépannage du problème d'origine CORS avec localhost

Malgré la définition des en-têtes appropriés sur votre serveur Nginx/Node.js pour activer CORS, vous rencontrez une erreur lors d'une requête de localhost vers une origine différente. Le message d'erreur indique que l'en-tête Access-Control-Allow-Origin défini sur http://localhost est rejeté.

Limitation de Chrome

Le problème vient de Chrome lui-même. Chrome ne prend pas en charge localhost comme origine autorisée pour les requêtes CORS. Ce comportement est dû à un bug de longue date qui a été marqué WontFix en 2014.

Solutions de contournement

• Utilisez un domaine différent : Au lieu de http://localhost, utilisez un domaine tel que localho.st, qui correspond à la même adresse IP. (127.0.0.1).
• Désactiver la sécurité Web : À des fins de test, vous pouvez désactiver temporairement les fonctionnalités de sécurité Web de Chrome en lançant Chrome avec l'indicateur --disable-web-security.

Considérations supplémentaires

• Assurez-vous vous accédez à la bonne origine dans votre script client.
• Vérifiez que la "Same-Origin Policy" du navigateur n'interfère pas en bloquant la requête.
• Si le problème persiste, pensez à vérifier la journaux du serveur ou en utilisant un outil de débogage réseau pour identifier toute erreur ou divergence supplémentaire.

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!