web-dev-qa-db-ja.com

Angular 6にhttpヘッダーを追加する

これがAngular 6のhttp要求にヘッダーを追加する正しい方法であるかどうかを教えてもらえますか？

SwaggerUIを介して呼び出しを行うと、ヘッダーが次のようになっていることがわかります。

url -X GET --header 'Accept: application/json' --header 'zumo-api-version: 2.0.0' 'https://myurl/tables/stuff'

以下を追加しました：

let headers: HttpHeaders = new HttpHeaders();
headers = headers.append('HttpHeader1', 'Accept:application/json');
headers = headers.append('HttpHeader2', 'zumo-api-version:2.0.0');

そして、呼び出し：

getStuff(){
    return this.http.get('https://myurl/tables/stuff', {headers})
  }

失敗はありませんが、何も返されず、あるはずです。

ありがとう

更新

私の呼び出しのURLは実際にはhttpではなくhttpsであることに気づきましたが、それは違いがありますか？

getStuff(){
        return this.https.get('https://myurl/tables/stuff', {headers})
      }
angularhttpvisual-studio-codehttp-headers
11
DarkW1nter

headersを設定する正しい方法は

let headers: HttpHeaders = new HttpHeaders();
headers = headers.append('Accept', 'application/json');
headers = headers.append('zumo-api-version', '2.0.0');
18
Sajeetharan

Angular 6形式：

let headers = new HttpHeaders({
    'Accept': 'application/json',
    'zumo-api-version': '2.0.0'
});
7
Ayoub k

headersを設定する正しい形式は次のとおりです。

let headers: HttpHeaders = new HttpHeaders();
headers = headers.append('Accept', 'application/json');
headers = headers.append('zumo-api-version', '2.0.0');

url -X GET --header 'Accept: application/json' --header 'zumo-api-version: 2.0.0' 'https://myurl/tables/stuff'

上記のリクエストでは、ヘッダーキーの名前はAccept＆zumo-api-version、：の前のテキスト
ヘッダーは基本的にキー/値のペアとして設定されます

2
Ivix4u

そのイベントに登録していないため、見返りに何も得られません。 .subcribeを呼び出している場所にその関数に追加しますeg

getStuff().subscribe(data=>{ console.log(data); } )

そのため、サブスクライブしているdataには、すべての応答と、その呼び出しについて知る必要があるすべてのものが含まれています。

ここから詳細を読むことができます https://angular.io/guide/http

0
Jay

angular 6+

宣言ゾーン：

httpOptionsNoAuth : any;

初期化：

constructor(){
    this.httpOptionsNoAuth = {
        headers: new HttpHeaders().set('No-Auth', 'true')
    };
}

使用法：

return this._http.get<any>(`${url}`, { headers: this.httpOptionsNoAuth.headers});
0
user1983909

私は自分のコードでこのようにしました

httpOptions={ headers: new HttpHeaders({ 'Content-Type': 'application/json'})};
 this.httpOptions.headers = this.httpOptions.headers.append('Token', this.Token);

そして、http.get呼び出しで、これを実行しました。

return this.http.get<JSON>(this.API_ADDRESS+'/api/RemoveEmployee/'+id,this.httpOptions
0
faizan shafiq