Vers Spring Boot — exercice corrigé de Vue : construire une application web (école d'ingénieur) (chapitre 12)

Vers Spring Boot

Projet : la Librairie en application Vue · niveau 1 (application)

Énoncé

Au livre suivant, le serveur de la Librairie sera une application Spring Boot, qui écoute par défaut sur le port 8080 et offre les mêmes adresses /api/livres et /api/commandes. Quels fichiers de code/ch12/librairie/ faudra-t-il modifier, et comment ? Pourquoi n'aura-t-on pas de problème de CORS, ni en développement ni en production ?

Corrigé

vite.config.js : la cible du proxy de développement devient http://localhost:8080 ;
deploiement/nginx.conf : le proxy_pass de location /api/ pointe vers le serveur Spring Boot ;
playwright.config.js : la commande du premier serveur démarre l'application Spring Boot au lieu de outils/serveur.mjs.

Aucun composant, store ni composable ne change : ils n'utilisent que des adresses relatives, /api/…. Il n'y a pas de CORS parce que le navigateur ne parle qu'à une seule origine, celle de la page : en développement, Vite relaie /api ; en production, nginx fait de même. C'est le serveur web, pas le navigateur, qui contacte Spring Boot. (Il faudra seulement veiller à ce que le serveur Java renvoie les mêmes formes de réponses, par exemple { "erreurs": [ … ] } pour un refus.)