Déployer une application React (Vite) derrière NGINX

Intermédiaire LinuxReact25 min50 XP

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.

  1. .env.production : gardez VITE_API_URL=https://api.acme.test, supprimez VITE_STRIPE_SECRET (toute variable VITE_ finit en clair dans le JavaScript livré)
  2. Construisez : npm run build (produit dist/)
  3. /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"; }
  4. Testez sudo nginx -t puis curl -sI https://portail.acme.test/commandes/42 (après sudo 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

  1. Aucun secret dans le bundle
  2. Configuration SPA et cache
  3. Routes profondes servies