Se añade nginx.conf personalizado y se expone swagger.

Frontend/Dockerfile

@@ -16,6 +16,9 @@ RUN npm run build
 # --- Etapa 2: Serve ---
 # Usamos una imagen de Nginx súper ligera para servir los archivos estáticos.
 FROM nginx:stable-alpine
+# Copiamos nuestro archivo de configuración personalizado a la carpeta de configuración de Nginx.
+# Esto sobreescribirá la configuración por defecto.
+COPY Frontend/nginx.conf /etc/nginx/conf.d/default.conf
 WORKDIR /usr/share/nginx/html
 
 # Eliminamos el index.html por defecto de Nginx.

Frontend/nginx.conf

@@ -0,0 +1,19 @@
+# Este bloque de configuración se aplicará al servidor web.
+server {
+  # Nginx escuchará en el puerto 80 dentro del contenedor.
+  listen 80;
+
+  # La raíz de los documentos, donde están nuestros archivos de React.
+  root /usr/share/nginx/html;
+
+  # Sirve el index.html por defecto para la ruta raíz.
+  index index.html;
+
+  # Esta es la regla mágica para las SPAs.
+  location / {
+    # Intenta servir el archivo exacto que se pide (ej: /assets/logo.png).
+    # Si no lo encuentra, intenta servir una carpeta con ese nombre.
+    # Si tampoco la encuentra, como último recurso (fallback), sirve /index.html.
+    try_files $uri $uri/ /index.html;
+  }
+}