From cb329da04e651cde624be0f84cfedb78626305ed Mon Sep 17 00:00:00 2001 From: dmolinari Date: Wed, 3 Sep 2025 17:38:05 -0300 Subject: [PATCH] Fix 1738 --- Elecciones-Web/frontend/Dockerfile | 29 +++++---------------- Elecciones-Web/frontend/frontend.nginx.conf | 16 +++++------- 2 files changed, 13 insertions(+), 32 deletions(-) diff --git a/Elecciones-Web/frontend/Dockerfile b/Elecciones-Web/frontend/Dockerfile index e55b7d9..472bd71 100644 --- a/Elecciones-Web/frontend/Dockerfile +++ b/Elecciones-Web/frontend/Dockerfile @@ -1,34 +1,19 @@ -# --- Etapa 1: Build (Construcción) --- -# Usamos una imagen de Node.js para instalar dependencias y construir la aplicación de React. +# --- Etapa 1: Build --- FROM node:20-alpine AS build - -# Establecemos el directorio de trabajo dentro del contenedor. WORKDIR /app - -# Copiamos los archivos de manifiesto del proyecto. -COPY package.json ./ -COPY package-lock.json ./ - -# Instalamos las dependencias. +COPY package*.json ./ RUN npm install - -# Copiamos el resto del código fuente de la aplicación. COPY . . - -# Ejecutamos el script de construcción de Vite para generar los archivos estáticos. RUN npm run build -# --- Etapa 2: Serve (Servir) --- -# Usamos una imagen de Nginx, que es un servidor web muy ligero y eficiente. -# Es ideal para servir archivos estáticos (HTML, CSS, JS). +# --- Etapa 2: Producción --- FROM nginx:1.25-alpine -# Copiamos los archivos de producción construidos en la etapa anterior -# al directorio por defecto donde Nginx sirve los archivos. COPY --from=build /app/dist /usr/share/nginx/html -# Copiamos nuestra configuración de Nginx para manejar el enrutamiento de la SPA +# Copia la configuración de Nginx al contenedor del frontend COPY frontend.nginx.conf /etc/nginx/conf.d/default.conf -# Exponemos el puerto 80 (el puerto por defecto de Nginx). -EXPOSE 80 \ No newline at end of file +EXPOSE 80 +# El CMD es opcional ya que la imagen base lo tiene, pero no hace daño +CMD ["nginx", "-g", "daemon off;"] \ No newline at end of file diff --git a/Elecciones-Web/frontend/frontend.nginx.conf b/Elecciones-Web/frontend/frontend.nginx.conf index a3e03a6..4324f64 100644 --- a/Elecciones-Web/frontend/frontend.nginx.conf +++ b/Elecciones-Web/frontend/frontend.nginx.conf @@ -5,17 +5,13 @@ server { root /usr/share/nginx/html; index index.html; - # Bloque para activos estáticos (manifest.json, js, css, etc.) - location ~* \.(?:manifest\.json|js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2)$ { - # Si no encuentra el archivo, devuelve un error 404. ¡No el index.html! - try_files $uri =404; - - expires 1y; - add_header Cache-Control "public"; - } - - # Bloque para las rutas de la aplicación de React location / { try_files $uri $uri/ /index.html; } + + # Esta sección separada es buena práctica + location ~* \.(?:css|js|jpg|jpeg|gif|png|ico|svg|woff|woff2)$ { + expires 1y; + add_header Cache-Control "public"; + } } \ No newline at end of file