Dit artikel is een spiegelartikel van machinevertaling, klik hier om naar het oorspronkelijke artikel te gaan.

Bekijken: 2354|Antwoord: 1

[Angular] Angular 18-serie (23) HttpClient-interceptors gebruikt

[Link kopiëren]
Geplaatst op 25-9-2024 14:11:48 | | | |
Vereisten: In het Angular-framework worden HTTP-verzoeken verzonden op basis van HttpClient, dat een middleware ondersteunt genaamd een interceptor, die eenvoudig te implementeren is door de intercept-methode in HttpInterceptor te implementeren door alle HTTP-verzoeken te verzenden.

Maak eerst een nieuw Angular-project aan met het volgende commando:

De interceptor wordt vervolgens aangemaakt via het CLI-commando, dat als volgt is:

De interceptorfunctie geeft de URL-link van het verzoek en voegt de requestheader toe, http-auth-interceptor.service.ts de broncode als volgt is:

Wijzig het app.config.ts-bestand om de configuratie als volgt toe te voegen:

Probeer een HTTP-verzoek te versturen in een component met de volgende code:

De renderings zijn als volgt:



Referentie:De hyperlink-login is zichtbaar.





Vorig:VS 2022 Package Management Console Chinese verwarde oplossing
Volgend:JavaScript haalt de naam van de tijdzone en de waarde van de tijdzone op voor de huidige locatie
 Huisbaas| Geplaatst op 25-9-2024 14:14:50 |
Broncode van httpAuthInterceptorService:




Disclaimer:
Alle software, programmeermaterialen of artikelen die door Code Farmer Network worden gepubliceerd, zijn uitsluitend bedoeld voor leer- en onderzoeksdoeleinden; De bovenstaande inhoud mag niet worden gebruikt voor commerciële of illegale doeleinden, anders dragen gebruikers alle gevolgen. De informatie op deze site komt van het internet, en auteursrechtconflicten hebben niets met deze site te maken. Je moet bovenstaande inhoud volledig van je computer verwijderen binnen 24 uur na het downloaden. Als je het programma leuk vindt, steun dan de echte software, koop registratie en krijg betere echte diensten. Als er sprake is van een inbreuk, neem dan contact met ons op via e-mail.

Mail To:help@itsvse.com