Ionic Headers Failing to set through http.post

Question

return this.http.post(this.url + '/' + endpoint, body, {headers: {
      'customHeader1': 'changed',
      'customHeader2': 'changed2'       
    }});

The above snippet is my http request. I can make the call without the headers object, however the endpoint I'm calling won't return data until I set those headers. Adding those headers caused the app to return the below error:

    user.ts:50 ERROR TypeError: req.headers.forEach is not a function

How can I resolve this and set my headers in the http request?

These are my imports

import { HttpClient, HttpParams } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Http, Response, RequestOptionsArgs, RequestMethod, Headers, Request 
} from '@angular/http';

This is my constructor

constructor(public http: HttpClient) {}

Christian Benseler · Accepted Answer · 2017-10-19 18:03:02Z

1

I usually create an options object with the 'headers'

let headers = new Headers({ 'Content-Type': 'application/json' });
let options = new RequestOptions({ headers });

and then use it

this.http.post(this.url + '/' + endpoint, body, options)

as explained here: https://www.concretepage.com/angular-2/angular-2-http-post-example

answered Oct 19, 2017 at 18:03

Christian Benseler

8,0839 gold badges42 silver badges73 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user3044394 Over a year ago

Fixed the error I was getting, but the headers do not set in the request

Collectives™ on Stack Overflow

Ionic Headers Failing to set through http.post

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related