当前位置:  开发笔记 > 前端 > 正文

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

如何解决《如何在Angular2中设置全局自定义标头?》经验,为你挑选了1个好方法。

我想Content-type: application/json在我对Angular2中后端的所有请求中设置标题.我在我的主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())
}

我必须手动设置每个请求的标头,以使其正常工作.难道我做错了什么?

注意:我想要全局设置标题选项,而不必像每个请求类型一样设置它,就像在此解决方案中找到的那样.



1> alexpods..:

    更改MyOptions到:

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

    放置provide(RequestOptions, {useClass: MyOptions}) AFTER HTTP_PROVIDERS(否则BaseRequestOptions将使用默认值而不是您的MyOptions).

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

看到这个插件

推荐阅读
mobiledu2402852357
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有