Bu makale makine çevirisi ayna makalesidir, orijinal makaleye geçmek için lütfen buraya tıklayın.

Architect_Programmer_Code Tarım Ağı»Mimar › Ön yüz tasarımı ve web › Ön gövde çerçevesi › Angular 18 Serisi (Yirmi Üç) HttpClient Kesici ...
Görünüm: 2354|Yanıt: 1

[Angular] Angular 18 serisi (23) Kullanılan HttpClient interceptorları

[Bağlantıyı kopyala]
2024-9-25 14:11:48 tarihinde yayınlandı | | | |
Gereksinimler: Angular çerçevesinde, HTTP istekleri HttpClient tabanlı olarak gönderilir; bu yazılım, interceptor adı verilen bir ara yazılımı destekler; bu yazılım, tüm HTTP isteklerini göndererek HttpInterceptor'da intercept yöntemi uygulanarak kolayca uygulanabilir.

İlk olarak, aşağıdaki komutla yeni bir Angular projesi oluşturun:

Önleme uçağı daha sonra CLI komutu ile oluşturulur, bu komut şu şekildedir:

Interceptor fonksiyonu, isteğin URL bağlantısını çıkarır ve istek başlığını ekler, http-auth-interceptor.service.ts kaynak kodu şu şekildedir:

app.config.ts dosyasını yapılandırmayı aşağıdaki şekilde ekleyecek şekilde değiştirin:

Aşağıdaki kodla bir bileşende HTTP isteği göndermeyi deneyin:

Çizimler aşağıdaki gibidir:



Referans:Bağlantı girişi görünür.





Önceki:VS 2022 Paket Yönetim Konsolu Çin garabıltı çözümü
Önümüzdeki:JavaScript, mevcut konum için saat dilimi adını ve saat dilimi değerini alır

İlgili Yazılar
 Ev sahibi| 2024-9-25 14:14:50 tarihinde yayınlandı |
HttpAuthInterceptorService kaynak kodu:




Feragatname:
Code Farmer Network tarafından yayımlanan tüm yazılım, programlama materyalleri veya makaleler yalnızca öğrenme ve araştırma amaçları içindir; Yukarıdaki içerik ticari veya yasa dışı amaçlarla kullanılamaz, aksi takdirde kullanıcılar tüm sonuçları ödemelidir. Bu sitedeki bilgiler internetten alınmakta olup, telif hakkı anlaşmazlıklarının bu siteyle hiçbir ilgisi yoktur. Yukarıdaki içeriği indirmeden sonraki 24 saat içinde bilgisayarınızdan tamamen silmelisiniz. Programı beğendiyseniz, lütfen orijinal yazılımı destekleyin, kayıt satın alın ve daha iyi orijinal hizmetler alın. Herhangi bir ihlal olursa, lütfen bizimle e-posta yoluyla iletişime geçin.
Mail To:help@itsvse.com