Comment corriger les erreurs CORS lors de la connexion d'un frontend angulaire à un backend express ?

Erreur CORS : résolution de « Les requêtes ne sont prises en charge que pour les schémas de protocole : http... »

Lors de la tentative d'exécution d'un backend Express et récupérez une chaîne JSON depuis un lien localhost via Angular, une erreur "CORS" peut survenir. Le message d'erreur indique généralement que les requêtes d'origine croisée ne sont prises en charge que pour des schémas de protocole spécifiques.

Pour résoudre ce problème, plusieurs actions doivent être prises :

Tout d'abord, assurez-vous que l'URL spécifiée dans le Angular Service inclut le schéma de protocole approprié. Dans ce cas, il devrait s'agir de "http". Remplacez l'URL de base par :

this._baseUrl = 'http://localhost:4201/';

Deuxièmement, vérifiez que le serveur Express est correctement configuré pour CORS. Assurez-vous que le module cors est utilisé correctement et envisagez de définir explicitement les en-têtes HTTP appropriés pour CORS.

Par exemple, dans la fonction de gestionnaire, vous pouvez ajouter le code suivant pour définir les en-têtes :

res.header('Access-Control-Allow-Origin', '*');
res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");

Envisagez également d'examiner la console du navigateur et de rechercher tout autre message d'erreur susceptible de fournir davantage d'informations sur le problème.

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!