Déployer une application React (Vite) derrière NGINX
L'application React ~/portail doit être servie par NGINX. Deux problèmes : un rafraîchissement de page sur /commandes/42 renvoie 404, et un développeur a placé une clé secrète dans .env.production.
.env.production: gardezVITE_API_URL=https://api.acme.test, supprimezVITE_STRIPE_SECRET(toute variableVITE_finit en clair dans le JavaScript livré)- Construisez :
npm run build(produitdist/) /etc/nginx/sites-available/portail:root /var/www/portail;,location / { try_files $uri $uri/ /index.html; }, et cache long pour/assets/:location /assets/ { expires 1y; add_header Cache-Control "public, immutable"; }- Testez
sudo nginx -tpuiscurl -sI https://portail.acme.test/commandes/42(aprèssudo systemctl reload nginx)
Contenu Premium
Ce contenu est inclus dans l'offre Premium. Le titre et le résumé restent visibles pour vous aider à choisir.
Tâches
- Aucun secret dans le bundle
- Configuration SPA et cache
- Routes profondes servies