Две стратегии маршрутизации
- PathLocationStrategy — стандартная политика, поддерживающая стиль «HTML 5 pushState».
- HashLocationStrategy — поддерживает стиль «hash URL».
Какая стратегия лучше?
Нужно выбрать стратегию и реализовать её на раннем этапе проекта. Когда приложение уже запущено в разработку, изменить его сложно, потому что уже много ссылок на URL приложения.
Почти все проекты Angular используют стандартный стиль HTML 5. URL-адреса, которые он генерирует, проще понять пользователям, и это также оставляет возможность для серверного рендеринга в будущем.
Рендеринг определённой страницы на серверной стороне — это техника, которая может значительно повысить отзывчивость приложения при первой загрузке. Приложения, которые обычно загружаются за десять секунд или более, можно заранее отрендерить на серверной стороне и отрендерить на устройстве пользователя менее чем за секунду.
Эта опция работает только если URL приложения выглядит как стандартный веб-адрес без хеша(#) посередине.
Если у вас нет веских причин использовать хеш-маршрутизацию, лучше придерживаться стандартного стиля маршрутизации HTML 5。
angular-cli по умолчанию использует режим истории HTML5,
http://localhost:4200/task-list, похожий на url,
URL выглядят более удобно и красиво. Обновление страницы маршрутизации приведёт к 404
Существует также паттерн, который является хэш-шаблоном,
http://localhost:4200/#/task-list, похожей на url,
Переход на страницу маршрута и обновление всё равно останется на текущем маршруте.
Включите метод маршрутизации хэша
app.module.ts введение и поставщик
|
Опубликовано 28.05.2020 16:35:03
|
|
|
