Angular routing hashpatroon en HTML5-patroon

Klein tuig · Geplaatst op 28-05-2020 16:35:03

Twee strategieën voor routering

PathLocationStrategy - Het standaardbeleid, dat de "HTML 5 pushState"-stijl ondersteunt.
HashLocationStrategy - Ondersteunt de "hash URL"-stijl.

Welke strategie is beter?

Je moet een strategie kiezen en die vroeg in het project doen. Als de app eenmaal in productie is, is het niet makkelijk om het te veranderen omdat er al veel verwijzingen naar de app-URL zijn.

Bijna alle Angular-projecten gebruiken de standaard HTML 5-stijl. De URL's die het genereert zijn makkelijker te begrijpen voor gebruikers, en er is ook ruimte voor server-side rendering in de toekomst.

Het renderen van een bepaalde pagina aan de serverzijde is een techniek die de responsiviteit van de app bij het laden aanzienlijk kan verbeteren. Apps die anders tien seconden of langer zouden duren om te laden, kunnen vooraf aan de serverzijde worden weergegeven en in minder dan een seconde op het apparaat van de gebruiker worden weergegeven.

Deze optie werkt alleen als de URL van de app eruitziet als een standaard web-URL zonder hash(#) in het midden.

Tenzij je een sterke reden hebt om hash routing te gebruiken, kun je beter vasthouden aan de standaard HTML 5-routeringsstijl。

angular-cli gebruikt standaard de HTML5 Geschiedenismodus,

URL-achtige http://localhost:4200/task-list,

URL's zien er comfortabeler en mooier uit. Het verversen van de routeringspagina levert 404 op

Er is ook een patroon dat het hashpatroon is,

URL-achtige http://localhost:4200/#/task-list,

Als je naar de routepagina springt en deze ververst, blijft je op de huidige route staan.

Schakel de hashrouteringsmethode in

app.module.ts geïntroduceerd en aanbieder

Inloggen is zichtbaar.

[Angular] Angular routing hashpatroon en HTML5-patroon

Gerelateerde berichten

Secties bekeken