Bonjour !

J'en viens à vous car j'ai un problème que je n'arrive pas à résoudre après avoir testé plein de solution !
J'ai donc développé un backend en Symfony, qui offre une API, et je développe en ce moment un frontend en React.

Cependant, j'ai systématiquement un problème de CORS. Voici l'erreur que je récupère :

Access to fetch at 'http://localhost:8078/api/login_check' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
Je précise que j'ai testé en local, mais également sur le site en ligne.
J'ai bien rajouté les headers pour l'autorisation des CORS, notamment celui là : Access-Control-Allow-Origin: *

Pour le preflight j'ai aussi rajouté dans nginx comme il est conseillé :
Code php : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
        if ($request_method = 'OPTIONS') {
            add_header 'Access-Control-Allow-Origin: $http_origin');
            add_header 'Access-Control-Allow-Origin: GET, POST, DELETE, PUT, PATCH, OPTIONS');
            add_header 'Access-Control-Allow-Credentials: true');
            add_header 'Vary: Origin');
        }

Mais rien n'y fait, je n'arrive toujours pas à requêter le backend pour récupérer un token

Toutes les infos sont bonnes à prendre !
Merci à vous