Esta entrada la escribo tras encontrar la solución al problema que venía arrastrando durante las últimas semanas.
El sistema de ruteado a través de las páginas, funcionaba correctamente de forma local, mediante el acceso a localhost. El problema se daba cuando la aplicación era compilada y subida al Proveedor de Servicios de Internet (ISP). Era entonces cuando, al añadir comentarios a una película, o datos de una película en sí, obteníamos como respuesta la página de error 404.
La solución para por usar lo que se conoce como HasLocationStrategy, de Angular. Consiste en añadir el hashtag (#) a la URL, lo cual hace posible navegar cuando la aplicación es compilada.
Para añadir esta particularidad, tenemos que añadir al fichero app.module.ts lo siguiente:
- En la sección de importaciones:
- import { HashLocationStrategy, LocationStrategy } from ‘@angular/common’;
- En la sección de proveedores, añadir:
- providers: [{provide: LocationStrategy, useClass: HashLocationStrategy}]
Con ello, conseguiremos que el ruteado funcione de forma correcta en nuestro ISP.