Tämä artikkeli on konekäännöksen peiliartikkeli, klikkaa tästä siirtyäksesi alkuperäiseen artikkeliin.

Architect_Programmer_Code Maatalousverkosto»Arkkitehti › Front-end-suunnittelu ja verkko › Etukehys › Angular 18 -sarja (kaksikymmentäkolme) HttpClient Intercept ...
Näkymä: 2354|Vastaus: 1

[Angular] Angular 18 -sarjan (23) HttpClient-interseptoreita käytetty

[Kopioi linkki]
Julkaistu 2024-9-25 14:11:48 | | | |
Vaatimukset: Angular-kehyksessä HTTP-pyynnöt lähetetään HttpClientin kautta, joka tukee interceptor-nimistä väliohjelmistoa, joka on helppo toteuttaa toteuttamalla intercept-menetelmä HttpInterceptorissa lähettämällä kaikki HTTP-pyynnöt.

Luo ensin uusi Angular-projekti seuraavalla komennolla:

Torjuntahävittäjä luodaan sitten CLI-komennolla, joka on seuraava:

Interseptor-funktio antaa pyynnön URL-linkin ja lisää pyynnön otsikon, http-auth-interceptor.service.ts lähdekoodi on seuraava:

Muokkaa app.config.ts-tiedostoa lisäämään kokoonpano seuraavasti:

Kokeile lähettää HTTP-pyyntö komponentissa seuraavalla koodilla:

Renderöinnit ovat seuraavat:



Viittaus:Hyperlinkin kirjautuminen on näkyvissä.





Edellinen:VS 2022 Paketinhallintakonsoli Kiinalainen sekaisin ratkaisu
Seuraava:JavaScript saa aikavyöhykkeen nimen ja aikavyöhykkeen arvon nykyiselle sijainnille

Aiheeseen liittyvät julkaisut
 Vuokraisäntä| Julkaistu 2024-9-25 klo 14:14:50 |
HttpAuthInterceptorService lähdekoodi:




Vastuuvapauslauseke:
Kaikki Code Farmer Networkin julkaisemat ohjelmistot, ohjelmamateriaalit tai artikkelit ovat tarkoitettu vain oppimis- ja tutkimustarkoituksiin; Yllä mainittua sisältöä ei saa käyttää kaupallisiin tai laittomiin tarkoituksiin, muuten käyttäjät joutuvat kantamaan kaikki seuraukset. Tämän sivuston tiedot ovat peräisin internetistä, eikä tekijänoikeuskiistat liity tähän sivustoon. Sinun tulee poistaa yllä oleva sisältö kokonaan tietokoneeltasi 24 tunnin kuluessa lataamisesta. Jos pidät ohjelmasta, tue aitoa ohjelmistoa, osta rekisteröityminen ja hanki parempia aitoja palveluita. Jos rikkomuksia ilmenee, ota meihin yhteyttä sähköpostitse.
Mail To:help@itsvse.com