Unable to detect http headers

Question

I've setup my api into web server, currently im unable to retrieve data using my app key but able to do so using postman, please do help

const httpOptions = {
      headers: new HttpHeaders({
        'APP_KEY': 'ABCDEFGHJ'

      })
    };

    this.http.get('<my_api_link>', httpOptions).subscribe((res) => {
      this.Result = JSON.stringify(res);
      console.log('Result', this.DataResult);
    }, (err) => {
      console.error(err.status);
      console.error(err.error); // Error message as string
      console.error(err.headers);
    });

Error message was unable to find app key

Pardeep Jain · Accepted Answer · 2019-10-31 05:08:00Z

1

Try to set headers this way

const httpHeaders = new HttpHeaders()
  .set('APP_KEY', 'ABCDEFGHJ');

this.http.get('<my_api_link>', httpHeaders)

answered Oct 31, 2019 at 5:08

Pardeep Jain

86.9k38 gold badges172 silver badges220 bronze badges

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

6 Comments

KiraAG Over a year ago

shouldn't headers be part of options object?

Pardeep Jain Over a year ago

@KiraAG this way is also valid

Old G Over a year ago

actually all these 3 method provided is the same, just abit different on the structure, but still unable to detect the app key

Pardeep Jain Over a year ago

How are you checking that key is not getting detected?

Old G Over a year ago

i output the entered key at console DataResult {"0":401,"message":"App key not found, entered API_KEY = "}

|

Chandrakant Devani · Accepted Answer · 2019-10-31 05:11:16Z

1

Try this :

var token = 'ABCDEFGHJ';
const myHeaders = new HttpHeaders({ 'Content-Type': 'application/json', 'Authorization': token });
this.http.get('<my_api_link>', { headers: myHeaders });

Or

let headers = new HttpHeaders();
headers = headers.set('APP_KEY','ABCDEFGHJ');

answered Oct 31, 2019 at 5:11

Chandrakant Devani

3361 silver badge9 bronze badges

Comments

Tanmoy Bhattacharjee · Accepted Answer · 2019-10-31 05:16:10Z

1

Modifying your code snippet :

const httpOptions = {
  headers: new HttpHeaders().set('APP_KEY', 'ABCDEFGHJ')
};

this.http.get('<my_api_link>', httpOptions).subscribe((res) => {
  this.Result = JSON.stringify(res);
  console.log('Result', this.DataResult);
}, (err) => {
  console.error(err.status);
  console.error(err.error); // Error message as string
  console.error(err.headers);
});

answered Oct 31, 2019 at 5:16

Tanmoy Bhattacharjee

1,09011 silver badges21 bronze badges

Comments

Muralidharan C · Accepted Answer · 2019-10-31 06:29:19Z

0

import {HttpClient} from '@angular/common/http';

constructor(private _httpClient: HttpClient) {

// some code

}

answered Oct 31, 2019 at 6:29

Muralidharan C

714 bronze badges

1 Comment

Muralidharan C Over a year ago

concretepage.com/angular-2/…

Collectives™ on Stack Overflow

Unable to detect http headers

4 Answers 4

6 Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

6 Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related