Discussion :

[zazou123]

Bonjour,

J'ai développé une petite application avec NuxtJS pour le front et Symfony pour le back. J'ai déployé une API avec Symfony et API Platform pour récupérer mes données sur mon nuxtjs.
Tout fonctionne parfaitement en local en utilisant le serveur mamp.

Je souhaite maintenant déployer ça sur mon espace. J'ai donc un nom de domaine et un hébergement (O2Switch).
J'ai réussi à mettre mes fichiers NUXT et à accéder à la partie front de mon appli. J'ai également réussi à mettre la partie Symfony en suivant le tuto O2Switch.
J'ai pour cela fait deux sous domaines : un pour nuxt et l'autre pour mon back en symfony.

Mais maintenant, je ne sais pas comment faire pour les faire discuter ensemble via mon API ?

Pour le moment lorsque j'essaye de me connecter sur mon application, il me renvoie deux erreurs CORS :

Blocage d’une requête multiorigines (Cross-Origin Request) : la politique « Same Origin » ne permet pas de consulter la ressource distante située sur https://monsousdomainesymfony.mondom...pi/login_check. Raison : l’en-tête CORS « Access-Control-Allow-Origin » est manquant.
et
Blocage d’une requête multiorigines (Cross-Origin Request) : la politique « Same Origin » ne permet pas de consulter la ressource distante située sur https://monsousdomainesymfony.mondom...pi/login_check. Raison : échec de la requête CORS.

Mais je ne vois pas comment faire pour les lier et que cela fonctionne...

Merci de votre aide si vous avez des pistes à me suggérer. ..

[grunk]

Si ton front et ton back n'ont pas le même domaine , il faut autoriser les requetes CORS comme l'indique le message d'erreur.
Ca revient à ajouter un certains nombre d'entête à la réponse HTTP que renvois le serveur.

Je ne connais pas symfony mais j'imagine qu'il y'a des middleware qui permettent de modifier les entêtes http voir des bundle qui le font pour toi.

[zazou123]

Bonjour,

Oui effectivement. J'ai testé ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
###> nelmio/cors-bundle ###
CORS_ALLOW_ORIGIN=https://monsousdomaine.domaine.fr
###< nelmio/cors-bundle ###

Qui fonctionne bien en local (en mettant localhost évidemment) mais cela me fait toujours la même erreur en prod... J'ai essayé de mettre ^.*$ ça n'a eu aucun effet, mêmes erreurs...