Хеш-патерн кутового маршрутизації та патерн HTML5

Маленька покидька · Опубліковано 28.05.2020 16:35:03

Дві стратегії маршрутизації

PathLocationStrategy — політика за замовчуванням, що підтримує стиль «HTML 5 pushState».
HashLocationStrategy — підтримує стиль «hash URL».

Яка стратегія краща?

Потрібно обрати стратегію і реалізувати її на ранньому етапі проєкту. Коли додаток вже в розробці, змінити його непросто, бо вже є багато посилань на URL додатку.

Майже всі проєкти Angular використовують стандартний стиль HTML 5. URL-адреси, які він генерує, легше розуміти користувачам, і це також залишає простір для серверного рендерингу в майбутньому.

Рендеринг певної сторінки на стороні сервера — це техніка, яка може значно покращити чутливість додатку при першому завантаженні. Додатки, які зазвичай завантажувалися б десять секунд або більше, можна відрендерити на серверній стороні заздалегідь і відтворити на пристрої користувача менш ніж за секунду.

Ця опція працює лише якщо URL додатку виглядає як стандартний веб-URL без хешу(#) посередині.

Якщо у вас немає вагомої причини використовувати хеш-маршрутизацію, слід дотримуватися стандартного стилю маршрутизації HTML 5。

angular-cli за замовчуванням використовує режим історії HTML5,

URL-подібний http://localhost:4200/task-list,

URL виглядають зручніше та красивіше. Оновлення сторінки маршрутизації призведе до 404

Існує також патерн, який є хеш-патерном,

URL-подібний http://localhost:4200/#/task-list,

Переход на сторінку маршруту і оновлення все одно залишатиметься на поточному маршруті.

Увімкніть метод маршрутизації хеш-маршрутизації

app.module.ts введено та постачальник

Вхід видно.

[Кутовий голос] Хеш-патерн кутового маршрутизації та патерн HTML5

Пов'язані дописи

Переглянуті розділи