Eine kurze Analyse des HttpClientModule-Moduls beim Angular Learning
青灯夜游
Freigeben: 2022-05-24 12:09:17
nach vorne
1827 Leute haben es durchsucht
Dieser Artikel führt Sie durch das HttpClientModule-Modul in Angular und stellt die Anforderungsmethode, Anforderungsparameter, Antwortinhalte, Interceptoren, Angular Proxy und andere verwandte Kenntnisse vor.
Dieses Modul wird zum Senden von Http-Anfragen verwendet, und die zum Senden von Anfragen verwendeten Methoden geben alle Observable-Objekte zurück. [Verwandte Tutorial-Empfehlungen: „Http 请求,用于发送请求的方法都返回 Observable 对象。【相关教程推荐:《angular教程》】
1、快速开始
1)、引入 HttpClientModule 模块
1
2
3
4
5
// app.module.ts
import { httpClientModule } from '@angular/common/http';
imports: [
httpClientModule
]
Nach dem Login kopieren
2)、注入 HttpClient 服务实例对象,用于发送请求
1
2
3
4
5
6
// app.component.ts
import { HttpClient } from '@angular/common/http';
🎜Die Erstellung von Anforderungsheaderfeldern ist erforderlich Durch die Verwendung der HttpHeaders-Klasse gibt es verschiedene Methoden zum Betreiben von Anforderungsheadern unter dem Klasseninstanzobjekt. 🎜rrreeerrreee
5. Antwortinhalt
rrreeerrreee
6. 🎜Interceptor ist die globale Erfassung und Änderung in Angular-Anwendungen HTTP Anfrage- und Antwortmethoden. (Token, Fehler) 🎜🎜Der Interceptor fängt nur Anfragen ab, die mit dem HttpClientModule-Modul gestellt werden. 🎜🎜ng g interceptor <name>🎜🎜 🎜🎜6.1 Request Interception🎜rrreee🎜6.2 Antwortabfangen🎜rrreee🎜6.3 Interceptor-Injektion🎜rrreee
7. Angular Proxy
🎜1. Erstellen Sie die Datei „proxy.conf.json“ im Stammverzeichnis des Projekts und fügen Sie den folgenden Code hinzu🎜rrreee
🎜/api/*: In der Anwendung ausgegebene Anfragen, die mit /api beginnen, durchlaufen diesen Proxy🎜
🎜Ziel: serverseitige URL🎜
🎜sicher: Wenn das Protokoll der serverseitigen URL https ist, muss dieses Element wahr sein🎜
🎜changeOrigin: Wenn der Server nicht localhost ist, muss dieses Element wahr sein🎜
🎜2. Geben Sie die Proxy-Konfigurationsdatei an (Methode 1)🎜rrreee🎜3. Geben Sie die Proxy-Konfigurationsdatei an (Methode 2)🎜rrreee
🎜Dieses Modul ist Wird zum Senden von Http-Anfragen verwendet. Die zum Senden von Anfragen verwendeten Methoden geben alle Observable-Objekte zurück. 🎜🎜Weitere Kenntnisse zum Thema Programmierung finden Sie unter: 🎜Programmiervideos🎜! ! 🎜
Das obige ist der detaillierte Inhalt vonEine kurze Analyse des HttpClientModule-Moduls beim Angular Learning. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn