Acest articol este un articol oglindă al traducerii automate, vă rugăm să faceți clic aici pentru a sări la articolul original.

Architect_Programmer_Code Rețeaua Agricolă»Arhitect › Design front-end & web › Cadru frontal › Modelul hash de rutare unghiulară și modelul HTML5
Vedere: 15174|Răspunde: 0

[Unghiular] Modelul hash de rutare unghiulară și modelul HTML5

[Copiază linkul]
Postat pe 28.05.2020 16:35:03 | | |
Două strategii pentru rutare

  • PathLocationStrategy - Politica implicită, care suportă stilul "HTML 5 pushState".
  • HashLocationStrategy - Suportă stilul "hash URL".

Care strategie este mai bună?

Trebuie să alegi o strategie și să o faci devreme în proiect. Odată ce aplicația este în producție, nu este ușor să o schimbi pentru că există deja multe referințe la URL-ul aplicației.

Aproape toate proiectele Angular folosesc stilul implicit HTML 5. URL-urile pe care le generează sunt mai ușor de înțeles pentru utilizatori și lasă loc pentru randarea serverului în viitor.

Randarea unei pagini date pe partea de server este o tehnică care poate îmbunătăți semnificativ răspunsul aplicației la încărcarea inițială. Aplicațiile care altfel ar dura zece secunde sau mai mult să se încarce pot fi redate pe partea de server în avans și redate pe dispozitivul utilizatorului în mai puțin de o secundă.

Această opțiune funcționează doar dacă URL-ul aplicației arată ca un URL web standard fără hash(#) în mijloc.

Dacă nu ai un motiv puternic să folosești rutarea hash, ar trebui să rămâi la stilul implicit de rutare HTML 5。

angular-cli folosește implicit modul HTML5 History,

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

URL-urile par mai confortabile și mai frumoase. Reîmprospătarea paginii de rutare va duce la 404

Există și un tipar care este modelul hash,

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

Sărind la pagina traseului și reîmprospătând-o va rămâne totuși pe traseul curent.

Activează metoda mod de rutare hash

app.module.ts introdus și furnizor






Precedent:Interogarea SQL Server în zilele anterioare ale orei curente de sistem
Următor:Înălțimea setării CSS: soluție 100% invalidă

Postări conexe
Disclaimer:
Tot software-ul, materialele de programare sau articolele publicate de Code Farmer Network sunt destinate exclusiv scopurilor de învățare și cercetare; Conținutul de mai sus nu va fi folosit în scopuri comerciale sau ilegale, altfel utilizatorii vor suporta toate consecințele. Informațiile de pe acest site provin de pe Internet, iar disputele privind drepturile de autor nu au legătură cu acest site. Trebuie să ștergi complet conținutul de mai sus de pe calculatorul tău în termen de 24 de ore de la descărcare. Dacă îți place programul, te rugăm să susții software-ul autentic, să cumperi înregistrarea și să primești servicii autentice mai bune. Dacă există vreo încălcare, vă rugăm să ne contactați prin e-mail.
Mail To:help@itsvse.com