Access-Control-Allow-Origin

Fermé
Fraa_w Messages postés 28 Date d'inscription mercredi 22 décembre 2021 Statut Membre Dernière intervention 5 novembre 2022 - 23 mai 2022 à 15:18
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 - 23 mai 2022 à 21:53
Bonjour

Depuis ce matin j'essaye de résoudre une erreur mais sans succès si vous pouvez m'aider SVP
Voici les technos que j'utilise :

FrontEnd : React
BackEnd : springboot
BDD : MySQL
Serveur : XAMPP

l'erreur obtenu est la suivante :


Access to XMLHttpRequest at 'http://localhost:8088/api/v1/equipe' from origin 'http://localhost:3000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.



Je n'arrive pas à récupérer les données envoyé par l'api

Merci beaucoup
A voir également:

1 réponse

avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 497
23 mai 2022 à 21:53
Bonjour,

Les navigateurs bloquent les requêtes "cross origin" pour des raisons évidentes de sécurité, afin d'éviter qu'un script sur un site A récupère des infos sur un site B en profitant de la session de l'utilisateur sur le site B.

Les URL http://localhost:8088/ et http://localhost:3000 correspondent à deux "origin" différentes.

Afin de permettre les requêtes cross origin depuis le site A vers le site B, c'est le site B qui doit autoriser explicitement le site A.

Tout est expliqué en détails ici :
https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
https://developer.mozilla.org/en-US/docs/Web/Security/Same-origin_policy
0