Ъглов маршрутизиращ хеш шаблон и 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 History режим,

URL-подобен http://localhost:4200/task-list,

URL адресите изглеждат по-удобни и красиви. Обновяването на страницата за маршрутизиране ще доведе до 404

Съществува и модел, който е хеш моделът,

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

Прескача на страницата с маршрута и го обновявам, все още остава на текущия маршрут.

Активирайте метода за хеш маршрутизиране

app.module.ts въведен и доставчик

Входът е видим.

[Ъглова] Ъглов маршрутизиращ хеш шаблон и HTML5 шаблон

Свързани публикации

Разгледани секции