Getting error when trying to add headers in angular 2

Question

I'm fairly new to angular 2 and am trying to make an http request with headers.

I've been following a tutorial, that may be out of date, as I'm getting an error when trying to include Headers.

I'm importing the Headers module:

import { Http, Headers } from '@angular/http';

Here is my method, where I try to include the headers:

  memberInfo(){
    let headers = new Headers().set('Authorization', this.authToken);
    this.http.get(this.API_ENDPOINT + '/memberinfo', { headers });
  }

I get the following error:

[ts]
Argument of type '{ headers: void; }' is not assignable to parameter of type 'RequestOptionsArgs'.
  Types of property 'headers' are incompatible.
    Type 'void' is not assignable to type 'Headers'.

Any insight would be great!!

Try changing { headers } to { headers: headers }.

R. Richards
– R. Richards

2018-02-15 02:16:44 +00:00
Commented Feb 15, 2018 at 2:16 — R. Richards
– R. Richards, Commented Feb 15, 2018 at 2:16

Anthony Giretti · Accepted Answer · 2018-02-15 02:25:36Z

1

Try this :

let header = new Headers();
header.append(´Authorization´, this.authToken);
this.http.get(this.API_ENDPOINT + ´/memberinfo´, {headers: header})

edited Feb 15, 2018 at 2:25

answered Feb 15, 2018 at 2:18

Anthony Giretti

3271 gold badge2 silver badges8 bronze badges

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

Comments

Sajeetharan · Accepted Answer · 2018-02-15 02:17:10Z

1

You need to assign to headers

 this.http.get(this.API_ENDPOINT + '/memberinfo', { headers: headers });

answered Feb 15, 2018 at 2:17

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

Comments

user3145373 ツ · Accepted Answer · 2018-02-15 02:37:49Z

0

let headers = new Headers({ 'Content-Type': 'application/json' },{'Authorization'´: this.authToken});
this.http.get(this.API_ENDPOINT + ´/memberinfo´, {headers: header})

if you're expecting some response then:

this.http.get(this.API_ENDPOINT + ´/memberinfo´, {headers: header}).map(response => response.json());

Here I am converting GET request response and converting it to JSON.

edited Feb 15, 2018 at 2:37

answered Feb 15, 2018 at 2:32

user3145373 ツ

8,1857 gold badges51 silver badges66 bronze badges

Collectives™ on Stack Overflow

Getting error when trying to add headers in angular 2

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related