如何在Typescript和angular 2中將頭添加到http.get或http.post？

Question

getHeroes(): Observable<Heros[]> { 
    return this.http.get(this.heroesUrl) 
     .map(this.extractData) 
     .catch(this.handleError); 
    } 

在哪裏添加標題以及如何？尋找一個簡單的例子。

Answer 1

可以定義Headers對象與HTTP鍵/值對的字典，然後把它作爲參數傳遞給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) 

或者，如果它是一個POST請求：

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