Açısal yönlendirme hash deseni ve HTML5 deseni

Küçük · Yayınlandı 28.05.2020 16:35:03

Yönlendirme için iki strateji

PathLocationStrategy - "HTML 5 pushState" tarzını destekleyen varsayılan politika.
HashLocationStrategy - "Hash URL" tarzını destekler.

Hangi strateji daha iyi?

Bir strateji seçip projeyin başlarında yapmanız gerekiyor. Uygulama üretime geçtiğinde, değiştirmek kolay değil çünkü zaten uygulama URL'sine çok sayıda referans var.

Neredeyse tüm Angular projeleri varsayılan HTML 5 stilini kullanır. Oluşturduğu URL'ler kullanıcılar için daha anlaşılabilir ve gelecekte sunucu tarafı render için de alan bırakıyor.

Sunucu tarafında belirli bir sayfayı render etmek, uygulamanın ilk yüklendiğinde yanıt vermesini büyük ölçüde artırabilecek bir tekniktir. Normalde on saniye veya daha fazla sürede yüklenecek uygulamalar, sunucu tarafında önceden render edilip kullanıcının cihazında bir saniyeden kısa sürede render edilebilir.

Bu seçenek, uygulamanın URL'si ortada hash(#) olmayan standart bir web URL'si gibi görünüyorsa çalışır.

Eğer hash yönlendirme kullanmak için güçlü bir sebebin yoksa, varsayılan HTML 5 yönlendirme stiline bağlı kalmalısınız。

angular-cli, varsayılan olarak HTML5 Tarih modunu kullanır,

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

URL'ler daha rahat ve güzel görünüyor. Yönlendirme sayfasını yenilediğinizde 404

Ayrıca hash deseni olan bir desen de vardır,

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

Rota sayfasına atlayıp yenilediğinizde yine mevcut güzergahta kalacak.

Hash yönlendirme modu yöntemini etkinleştirin

app.module.ts tanıtımı ve sağlayıcı

Giriş görünür.

[Angular] Açısal yönlendirme hash deseni ve HTML5 deseni

İlgili Yazılar

Görüntülenen bölümler