Angular HttpClientModule request headers

Question

I'm trying to run an API call using the Angular HttpClientModule:

getUser(ticket) {
console.log(ticket); // Returns valid ticket
    return this.http.get('https://myapi/api/v1/flow-analysis', {
      headers: new HttpHeaders().set('X-Auth-Token', ticket)
    });
  }

When I'm running this API call in my client I get the folowing response:

'Failed to provide service ticket to validate'

I tried to run the same call in POSTMAN, and I got good response:

I'm using Chrome with this extension. Not sure if it causes the problem.

Any idea what could have gone wrong?

I'm using Angular 5

Toby Speight · Accepted Answer · 2017-09-07 15:13:27Z

1

You need to append the Content-Type header:

getUser(ticket: string) {
    console.log(ticket); // Returns valid ticket
    let headers: Headers = new HttpHeaders();
    headers.append('Content-Type', 'application/json');
    headers.append('X-Auth-Token', ticket);

    return this.http.get('https://myapi/api/v1/flow-analysis', {
        headers: headers
    });
}

edited Sep 7, 2017 at 15:13

Toby Speight

32.1k58 gold badges82 silver badges117 bronze badges

answered Sep 7, 2017 at 14:43

Shino

1312 silver badges6 bronze badges

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

3 Comments

Shino Over a year ago

@TobySpeight is that better?

TheUnreal Over a year ago

This is not compactiable with the latest Angular. I'm using Angular HttpclientModule. with your solution I get Type 'HttpHeaders' is not assignable to type 'Headers'.

Shino Over a year ago

@TheUnreal these changes worked for me: import { HttpClient, HttpHeaders } from '@angular/common/http'; let headers: HttpHeaders = new HttpHeaders();

Collectives™ on Stack Overflow

Angular HttpClientModule request headers

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related