2017-02-20 8 views
4
getHeroes(): Observable<Heros[]> { 
    return this.http.get(this.heroesUrl) 
     .map(this.extractData) 
     .catch(this.handleError); 
    } 

ここでヘッダーを追加する方法は?簡単な例を探しています。それはPOSTリクエストだ場合、Typescriptと角2のhttp.getまたはhttp.postにヘッダーを追加する方法は?

const headerDict = { 
    'Content-Type': 'application/json', 
    'Accept': 'application/json', 
    'Access-Control-Allow-Headers': 'Content-Type', 
} 

const requestOptions = {                                             
    headers: new Headers(headerDict), 
}; 

return this.http.get(this.heroesUrl, requestOptions) 

または:

答えて

7

あなたがHTTPのキー/値ペアの辞書でHeadersオブジェクトを定義し、このようなhttp.get()http.post()に引数として渡すことができます。

const data = JSON.stringify(heroData); 
return this.http.post(this.heroesUrl, data, requestOptions); 
+0

たとえば、「Access-Control-Allow-Headers」を挿入する方法は? – AngularOne

+1

ヘッダーの辞書に 'Content-Type'と 'Accept'を定義します。私はそれを含める答えを更新します。 – HuntedCodes

+0

ありがとうございます。私はプリフライト要求に対する応答がアクセス制御チェックを通過しない:要求されたリソースに 'Access-Control-Allow-Origin'ヘッダーが存在しない。起源 – AngularOne

関連する問題