如何在Angular2中设置全局自定义标头？

Question

如何在Angular2中设置全局自定义标头？

8

我希望在Angular2中的所有向后端发送的请求中设置头信息Content-type: application/json。我在主文件app.js中使用此方法。

let headers = new Headers({
    'Content-Type', 'application/json'
})
class MyOptions extends BaseRequestOptions {
  headers: headers 
}

bootstrap(App, [
  provide(RequestOptions, {useClass: MyOptions}),
  ROUTER_BINDINGS,
  HTTP_PROVIDERS,
  bind(APP_BASE_HREF).toValue('/')
])

我希望所有使用 Http 的地方都使用新的内容类型，但是这段代码仍然将内容类型设置为 text/plain

saveMaster (master) {
  return this.http
    .put(`${config.API_URL}/masters/${master._id}`, JSON.stringify(master))
    .map(res => res.json())
}

我必须手动为每个请求设置标题才能使它正常工作。我做错了什么吗？

注意：我想全局设置一个标题选项，而不是像在this solution中找到的每个请求类型都要设置它。

- Shane Stillwell

2

可能是重复的问题：Angular2 - 为每个请求设置标头。 - Mark Rajcok

@MarkRajcok 那个答案仍然是手动为每种类型的请求设置自定义标头。我明天会尝试alexpods的解决方案。 - Shane Stillwell

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- alexpods · Accepted Answer

将MyOptions更改为：

class MyOptions extends RequestOptions {
  constructor() { 
    super({ 
      method: RequestMethod.Get,
      headers: new Headers({
        'Content-Type': 'application/json',
        'X-Some-Header': 'some-content'
      });
    });
  }
}

在HTTP_PROVIDERS之后放置provide(RequestOptions, {useClass: MyOptions})（否则默认的BaseRequestOptions将会被使用而不是你的MyOptions）。

bootstrap(App, [
  // ...
  HTTP_PROVIDERS,
  provide(RequestOptions, {useClass: MyOptions}) // <- after HTTP_PROVIDERS!!!
])

请查看这个示例