Saltar al contenido

El enrutamiento angular no funciona en Netlify en la actualización de la página

Nuestros mejores investigadores han agotado sus provisiones de café, buscando diariamente por la solución, hasta que Miguel encontró la respuesta en Gitea y hoy la comparte con nosotros.

Solución:

Pregunta antigua, pero para aquellos que puedan tropezar con ella sobre cómo habilitar el enrutamiento angular en Netlify. crear un archivo _redirects en tus src carpeta, agregue lo siguiente a ella:

/*  /index.html 200

en tus angular.json archivo agregue lo siguiente a projects.architect.build.options.assets


  "glob": "_redirects",
  "input": "src",
  "output": "/"

Si usa una versión anterior de Angular con angular.cli.json archivo, siga esto: https://medium.com/@mgd4375/how-to-enable-angular-routing-in-a-netlify-deployment-with-the-angular-cli-e2eda69f1b5b donde hace el cambio equivalente en angular.cli.json archivo, es decir, añadir "_redirects" a la correspondiente assets array.

Habilite el enrutamiento angular en la implementación de Netlify con la CLI angular

Obtener 404 en Actualizar página

  1. Abra angular.json

  2. En activos, agregue _redirects. Esto permite que la carpeta dist resultante de una compilación incluya su futuro archivo _redirects..architect.build.options.assets

    ingrese la descripción de la imagen aquí

  3. En la carpeta src, agregue _redirects con la siguiente línea. Netlify usa esto para redirigir al índice sin importar qué, permitiendo que el enrutamiento angular se haga cargo.
    ingrese la descripción de la imagen aquí

  4. ¡Desplegar! ¡Ya terminaste!

Si entiendes que te ha resultado de utilidad nuestro artículo, te agradeceríamos que lo compartas con más seniors de esta forma nos ayudas a dar difusión a esta información.

¡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 *