Dwie strategie trasowania
- PathLocationStrategy – domyślna polityka, wspierająca styl "HTML 5 pushState".
- HashLocationStrategy – Obsługuje styl "hash URL".
Która strategia jest lepsza?
Musisz wybrać strategię i zrobić ją na początku projektu. Gdy aplikacja jest już w produkcji, nie jest łatwo ją zmienić, ponieważ jest już wiele odniesień do jej URL.
Prawie wszystkie projekty Angulara używają domyślnego stylu HTML 5. Generowane przez niego adresy URL są łatwiejsze do zrozumienia dla użytkowników, a także pozostawia miejsce na renderowanie po stronie serwera w przyszłości.
Renderowanie danej strony po stronie serwera to technika, która może znacznie poprawić responsywność aplikacji po pierwszym ładowaniu. Aplikacje, które normalnie załadowywałyby się dziesięć sekund lub dłużej, mogą być renderowane wcześniej po stronie serwera i renderowane na urządzeniu użytkownika w mniej niż sekundę.
Ta opcja działa tylko wtedy, gdy URL aplikacji wygląda jak standardowy URL internetowy bez hash(#) pośrodku.
Jeśli nie masz mocnego powodu, by używać trasowania haszów, powinieneś trzymać się domyślnego stylu routingu HTML 5。
angular-cli domyślnie korzysta z trybu HTML5 History,
Podobna http://localhost:4200/task-list URL,
URL-e wyglądają wygodniej i piękniej. Odświeżenie strony routingu da 404
Istnieje także wzór zwanym wzorcem skrótu,
http://localhost:4200/#/task-list przypominające URL,
Przejście do strony trasy i odświeżenie jej nadal pozostaje na aktualnej trasie.
Włącz metodę routowania haszującego
app.module.ts wprowadzony i dostawca
|