Adding a HTTP header to the Angular HttpClient doesn’t send the header, why?

by

The instances of the new HttpHeader class are immutable objects. Invoking class methods will return a new instance as result. So basically, you need to do the following:

let headers = new HttpHeaders();
headers = headers.set('Content-Type', 'application/json; charset=utf-8');

or

const headers = new HttpHeaders({'Content-Type':'application/json; charset=utf-8'});

Update: adding multiple headers

let headers = new HttpHeaders();
headers = headers.set('h1', 'v1').set('h2','v2');

or

const headers = new HttpHeaders({'h1':'v1','h2':'v2'});

Update: accept object map for HttpClient headers & params

Since 5.0.0-beta.6 is now possible to skip the creation of a HttpHeaders object an directly pass an object map as argument. So now its possible to do the following:

http.get('someurl',{
   headers: {'header1':'value1','header2':'value2'}
});

More Related Contents:

  1. Difference between HttpModule and HttpClientModule
  2. Angular HttpClient “Http failure during parsing”
  3. Catching errors in Angular HttpClient
  4. Angular 4.3 – HttpClient set params
  5. Angular 6 Get response headers with httpclient issue
  6. How to make a sequence of http requests in Angular 6 using RxJS
  7. Property ‘json’ does not exist on type ‘Object’
  8. Angular 4 HttpClient Query Parameters
  9. Angular: How to download a file from HttpClient?
  10. Angular 4/5 HttpClient: Argument of type string is not assignable to ‘body’
  11. How to mock Angular 4.3 httpClient an error response in testing
  12. How to add multiple headers in Angular 5 HttpInterceptor
  13. Angular 2 – how round calculated number?
  14. Angular/RxJS When should I unsubscribe from `Subscription`
  15. How to upgrade Angular CLI to the latest version
  16. How to manually lazy load a module?
  17. flatMap, flat, flatten doesn’t exist on type any[]
  18. Angular2 Exception: Can’t bind to ‘routerLink’ since it isn’t a known native property
  19. Angular 2 Form “Cannot find control with path”
  20. Angular 4 validator to check 2 controls at the same time
  21. How to cancel/unsubscribe all pending HTTP requests in Angular 4+
  22. Multiple conditions in ngClass – Angular 4
  23. angular4 httpclient csrf does not send x-xsrf-token
  24. How do I get the absolute path of the current page in Angular 2?
  25. How to use variable to define templateUrl in Angular2
  26. Behaviour subject initial value null?
  27. How to reset form validation on submission of the form in ANGULAR 2
  28. Angular 4 Lazy loading with named router-outlet not working
  29. @HostBinding and @HostListener: what do they do and what are they for?
  30. How to use reportProgress in HttpClient in Angular? [duplicate]

Leave a Comment