Zwei Strategien für das Routing
- PathLocationStrategy – Die Standardrichtlinie, die den "HTML 5 pushState"-Stil unterstützt.
- HashLocationStrategy – Unterstützt den "Hash-URL"-Stil.
Welche Strategie ist besser?
Man muss eine Strategie wählen und sie früh im Projekt umsetzen. Sobald die App in Produktion ist, ist es nicht einfach, sie zu ändern, da es bereits viele Verweise auf die App gibt.
Fast alle Angular-Projekte verwenden den Standard-HTML-5-Stil. Die generierten URLs sind für Nutzer leichter verständlich und lassen zudem Platz für serverseitige Darstellungen in der Zukunft.
Das Rendern einer bestimmten Seite auf der Serverseite ist eine Technik, die die Reaktionsfähigkeit der App beim ersten Laden erheblich verbessern kann. Apps, die sonst zehn Sekunden oder länger zum Laden benötigen, können im Voraus auf der Serverseite gerendert und in weniger als einer Sekunde auf dem Gerät des Nutzers bereitgestellt werden.
Diese Option funktioniert nur, wenn die URL der App wie eine Standard-Web-URL ohne Hash(#) in der Mitte aussieht.
Sofern du keinen triftigen Grund hast, Hash-Routing zu verwenden, solltest du beim Standard-HTML-5-Routing-Stil bleiben。
angular-cli verwendet standardmäßig den HTML5-History-Modus,
URL-ähnliche http://localhost:4200/task-list,
URLs sehen bequemer und schöner aus. Das Aktualisieren der Routing-Seite führt zu 404
Es gibt auch ein Muster, das das Hash-Muster ist,
URL-ähnliche http://localhost:4200/#/task-list,
Wenn man zur Routenseite springt und aktualisiert, bleibt es weiterhin auf der aktuellen Route.
Aktivieren Sie die Hash-Routing-Modus-Methode
app.module.ts vorgestellt und Anbieter
|
Veröffentlicht am 28.05.2020 16:35:03
|
|
|
