Relier un frontend à son backend après le déploiement
Évite les erreurs localhost et CORS en distinguant les URL du navigateur des adresses privées Docker.
App Cities · 2 min · Mis à jour le
Ton frontend affiche la page. Ton backend fait le travail derrière. Ils doivent se parler. Une requête du navigateur demande une URL publique. Une requête dans le pod peut utiliser un nom de service Docker privé. Ces deux adresses ne sont pas toujours les mêmes.
Les étapes
- Repère où chaque appel API s'exécute. JavaScript dans le navigateur et rendu côté serveur peuvent demander des URL de base différentes.
- Réserve les adresses internes aux appels entre serveurs. Un nom Docker comme api fonctionne dans Compose, pas comme nom public.
- Pour le navigateur, fais passer l'API par l'entrée web publique, souvent sous /api. Configure ce routage dans ton service web sans supposer que chaque conteneur reçoit une URL.
- Compare le panneau réseau du navigateur aux journaux du backend. Vérifie protocole, chemin, cookies et origines autorisées.
Une question fréquente
Chaque service reçoit une adresse publique ?
Non. Le projet identifie son service web public. API internes et bases peuvent rester privées derrière cette entrée.
Prêt à essayer avec ton projet ?
Prépare ton projet, regarde les prix et choisis comment tu veux déployer.