Hice la parte de la compilación para el entorno de producción: <code>ng build --prod </code> Seguidamente intenté levanté un servidor de ...

Pregunta de la clase:
Ambientes en Angular
Héctor Tello

Héctor Tello

Pregunta
studenthace 5 años

Hice la parte de la compilación para el entorno de producción:

ng build --prod

Seguidamente intenté levanté un servidor de producción, con la librería de npm http-server, ejecutando lo siguiente:

http-server dist/nombre_aplicacion

y me topé con varios errores:

  1. Al escribir una ruta manual que no existe, para que me cargue el componente 404, no me carga, directamente me aparece un error en la consola.
  2. Al intentar entrar manualmente a /home, me tira otro error.
  3. Al intentar refrescar la página también me aparece un error.

En los 3 casos el error que me aparece en consola es un 404, NOT FOUND.

3 respuestas
para escribir tu comentario
    DANIEL CAMACHO

    DANIEL CAMACHO

    studenthace un año

    Hola disculpa como pudiste resolver tu problema tengo el mismo problema en el angular que estoy usando

    Nicolas Molina

    Nicolas Molina

    teacherhace 5 años

    Hola, si compilas la app ya em modo producto el http-server no es el mejor ambiente para correrlo sobre todo al poner las rutas de forma manual, si quieres igual hacerlo puedes intentar poner:

    RouterModule.forRoot(routes, {useHash: true})

    Con esto las rutas tienes un #.

    Pero te recomiendo probar en ambiente productivo como Firebase Hosting en donde tienes que configurar el 404 para que se conecte con el Router de Angular, eso lo puedes ver aquí:

    https://platzi.com/clases/1670-angular/23289-haciendo-deploy-a-firebase-hosting/ En el minuto: 2:23

    o si quieres ir más allá configurar un nginx para correr tu app:

    https://platzi.com/clases/1731-angular-profesional/23618-deploy-con-nginx-y-docker/

    Con una configuración como esta para la redirección de un 404:

    https://github.com/nicobytes/docker-angular/blob/master/nginx-custom.conf

    Massimo Di Berardino

    Massimo Di Berardino

    studenthace 5 años

    Hola Hector, podrías compartir tu repositorio para poder ayudarte mejor, es muy difícil saber por qué te muestra un error 404 sin tener contexto de la aplicación

Curso de Angular [Empieza Gratis]

Curso de Angular [Empieza Gratis]

Entiende los conceptos fundamentales de Angular 8. Conoce la arquitectura de este Framework para que programes aplicaciones web con sus mejores prácticas. Conecta tus aplicaciones con una API para obtener datos de un sistema de Backend. Crea una tienda en línea y publícala en Internet con Firebase.

Curso de Angular [Empieza Gratis]
Curso de Angular [Empieza Gratis]

Curso de Angular [Empieza Gratis]

Entiende los conceptos fundamentales de Angular 8. Conoce la arquitectura de este Framework para que programes aplicaciones web con sus mejores prácticas. Conecta tus aplicaciones con una API para obtener datos de un sistema de Backend. Crea una tienda en línea y publícala en Internet con Firebase.