angular2-services - 如何在Typescript和angular 2中将Header添加到http.get或http.post？

Question

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

我在哪里添加标题以及如何添加标题？寻找一个简单的例子。

Answer 1

您可以使用HTTP键/值对的字典定义Headers对象，然后将其作为参数传递给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);

从Angular 7起，您必须使用 HttpHeaders类而不是 Headers:

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