Saltar al contenido

Implementar la aplicación de una sola página Angular: 404 no encontrado nginx

Solución:

para aquellos que no usan un Staticfile podría querer probar esto.

Tuve el mismo problema con nginx que sirve angular. El siguiente es el archivo de configuración predeterminado, probablemente se encuentra en algún lugar en / etc / nginx / sites-available / yoursite

     location / {
            # First attempt to serve request as file, then
            # as directory, then fall back to displaying a 404.
            try_files $uri $uri/ =404;
    }

pero lo que realmente queremos es …

     location / {
            # First attempt to serve request as file, then
            # as directory, then redirect to index(angular) if no file found.
            try_files $uri $uri/ /index.html;
    }

En tus nginx.conf archivo intente usar:

try_files $uri $uri/ /index.html;

en lugar de:

try_files $uri $uri/ =404;

Eso funcionó para mí en el proyecto Angular 5.

Finalmente encontré la respuesta: después de generar el dist carpeta.

  • Creé un archivo llamado Staticfile y ponerlo en la carpeta dist
  • abrí Staticfile Y agregué esta línea pushstate: enabled

pushstate habilitado mantiene limpias las URL visibles en el navegador para las aplicaciones JavaScript del lado del cliente que sirven a múltiples rutas. Por ejemplo, el enrutamiento pushstate permite una única ruta de archivo JavaScript a varias URL con etiquetas de anclaje que se parecen a / some / path1 en lugar de / some # path1.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *