Patrón hash de enrutamiento angular y patrón HTML5

Pequeña basura · Publicado en 28/5/2020 16:35:03

Dos estrategias para el enrutamiento

PathLocationStrategy - La política predeterminada, compatible con el estilo "HTML 5 pushState".
HashLocationStrategy - Soporta el estilo "hash URL".

¿Qué estrategia es mejor?

Tienes que elegir una estrategia y ponerla en práctica al principio del proyecto. Una vez que la app está en producción, no es fácil cambiarla porque ya hay muchas referencias a la URL de la app.

Casi todos los proyectos de Angular usan el estilo HTML 5 por defecto. Las URLs que genera son más fáciles de entender para los usuarios, y también deja espacio para renderizado en el lado del servidor en el futuro.

Renderizar una página determinada en el lado del servidor es una técnica que puede mejorar mucho la capacidad de respuesta de la app cuando se carga por primera vez. Las aplicaciones que de otro modo tardarían diez segundos o más en cargarse pueden renderizarse en el lado del servidor con antelación y renderizarse en el dispositivo del usuario en menos de un segundo.

Esta opción solo funciona si la URL de la app parece una URL web estándar sin hash(#) en el centro.

A menos que tengas una razón sólida para usar enrutamiento por hash, deberías ceñirte al estilo de enrutamiento HTML 5 por defecto。

angular-cli utiliza por defecto el modo Historial de HTML5,

http://localhost:4200/task-list tipo URL,

Las URLs parecen más cómodas y bonitas. Actualizar la página de enrutamiento dará lugar a 404

También existe un patrón que es el patrón hash,

http://localhost:4200/#/task-list tipo URL,

Saltar a la página de la ruta y actualizarla seguirá en la ruta actual.

Activar el método de enrutamiento hash

app.module.ts introducido y proveedor

El inicio de sesión es visible.

[Angular] Patrón hash de enrutamiento angular y patrón HTML5

Publicaciones relacionadas

Secciones vistas