Pourquoi est-ce que je reçois des erreurs CORS lorsque j'essaie de me connecter à \'https://googledocs-clone-sbayrak.herokuapp.com/\' à partir de \'https://googledocs-clone-sbayrak.netlify.app/\' ?

Autoriser les requêtes d'origine croisée provenant de 'https://googledocs-clone-sbayrak.netlify.app/'

CORS des erreurs se produisent en raison d’une configuration incompatible entre les paramètres du client et du serveur. Dans ce scénario, l'application client sur « https://googledocs-clone-sbayrak.netlify.app/ » tente de se connecter au point de terminaison du serveur sur « https://googledocs-clone-sbayrak.herokuapp.com/ ». mais le serveur est configuré pour accepter uniquement les demandes de « https://googledocs-clone-sbayrak.netlify.app/ ». Cela conduit à une erreur CORS, car l'en-tête d'origine de la requête ne correspond pas à la valeur autorisée.

Résoudre l'erreur CORS

La clé pour résoudre cette erreur réside en s'assurant que l'origine autorisée sur le serveur correspond à l'origine de la requête. La configuration incorrecte à l'origine de l'erreur utilisait « https://googledocs-clone-sbayrak.netlify.app/ » comme origine autorisée. Cependant, les origines Web ne contiennent pas de chemin, donc la barre oblique finale entraîne l'échec de la correspondance.

Pour résoudre ce problème, l'origine autorisée doit être mise à jour vers « https://googledocs-clone-sbayrak.netlify. app' sans la barre oblique finale. Voici la configuration cors corrigée :

<code class="typescript">const io = socketio(server, {
  cors: {
    origin: 'https://googledocs-clone-sbayrak.netlify.app',
    methods: ['GET', 'POST'],
  },
});</code>

En supprimant la barre oblique finale de la valeur d'origine autorisée, elle correspondra désormais correctement à l'en-tête d'origine de la requête, permettant aux requêtes d'origine croisée de réussir et au client de communiquer avec le 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!