Discussion :

[lestienf59]

Bonjour à tous,

J'aimerais avoir votre avis sur ce problème que je n'arrive pas à résoudre. Mon projet perso étant de créer une application permettant de consulter la météo (Arduino qui récupéré la température) j'ai eu l'idée de le faire en angular. Seulement voila, je suis arrivé au moment ou je dois faire des appels à mon API local qui pointe sur http://localhost:8080/back-meteo/api/currentMeteo par exemple pour avoir la météo courante.

Il se trouve que l'appel échoue suite à une erreur CORS qui ne se trouve pas dans le Headers. La seule solution que j'ai trouvé à ca est de créer un fichier proxy.conf.json dans src/ du projet angular que voici:


On doit le placer maintenant dans angular.json:


Néanmoins j'ai toujours cette erreur dans mon navigateur:


Les seuls solutions que j'ai trouvé sur le web viennent de ce fameux fichier proxy.conf.json et j'aimerais savoir si vous aviez une idée de ce que ce pourrait être.

Merci d'avance pour vos réponses.

Florian.

[krakatoa]

si tu met ce lien dans le navigateur,http://localhost:8080/back-meteo/api/currentMeteo tu obtiens bien des données ? (pas une erreur)

peut on voir ta requete ?

[lestienf59]

Voici la requête depuis angular :



La requête qui bloque dans la navigateur:



Et la requete vers mon back me renvoie bien des données:

[krakatoa]

faut voir du coté serveur:
normalement on fait des réglages coté serveur

genre:

allow_origin: ....url........ ou *

[lestienf59]

Effectivement je n'avais pas pensé à regarder côté serveur.

Il existe une annotation pour le spécifier

Code :

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

@CrossOrigin("*")

à placer au dessus du Controller et la ça fonctionne.

Merci pour ta réponse !