How to set header values in API call

Question

Getting 401 status even passing application id and key for each request

let headers = new Headers({ 'Content-Type': 'application/x-www-form-urlencoded',});

let options = new RequestOptions({ headers: headers });
 options.headers.set('Accept', "application/json,text/xml ");
 options.headers.set('X-AYLIEN-NewsAPI-Application-ID', "ff6**d33");
 options.headers.set('X-AYLIEN-NewsAPI-Application-Key', "b7445d942********7c06e");

API Call:

  this.http.get(url)
    .subscribe(res => {
    resolve(res.json());
    }, (err) => {
    reject(err);
    });
    });
    }

This is the code i am using to set value in header but it is not working.

Where is your code where you calling your API with this headers? — Prashant Pimpale
– Prashant Pimpale, Commented Jun 18, 2018 at 10:36
This is what perfectly working for me: this.headers = new HttpHeaders({ 'Content-Type': 'application/json', 'appInstanceCode': '' + this.appCode, 'token': '' + this.token }); — Prashant Pimpale
– Prashant Pimpale, Commented Jun 18, 2018 at 10:38
but new RequestOptions({ headers: headers }) is not taking httpHeader.. @PrashantPimpale — Rashmi ranjana
– Rashmi ranjana, Commented Jun 19, 2018 at 11:20

jps · Accepted Answer · 2018-07-18 10:05:14Z

1

getDataGetAuth(url) {

    return new Promise((resolve, reject) => {
        let headers = new Headers({ 'Content-Type': 'application/x-www-form-urlencoded' });

        let options = new RequestOptions({ headers: headers });
         options.headers.set('Content-Type', 'application/json' );
         options.headers.set('Authorization', 'Bearer '+ sessionStorage.getItem("token") );

        this.http.get( MainURL+url,options)
        .subscribe(res => {
            resolve(res.json());
        }, (err) => {
            reject(err);

        });
    });
}

This code is working fine for me

edited Jul 18, 2018 at 10:05

jps

22.9k18 gold badges92 silver badges121 bronze badges

answered Jul 18, 2018 at 9:15

Rashmi ranjana

929 bronze badges

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

Comments

Prashant Pimpale · Accepted Answer · 2018-06-19 11:53:38Z

0

Try Below code:

In Service:

First :

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

private url = "your_url";
private headers: any;

this.headers = new HttpHeaders({ 'Content-Type': 'application/json', 
'your_key': '' + value, 'your_key': '' + value });

getRecords(): Promise<any>{
    const url = `${this.url}/end_point`;
    return this.http.get(url, {headers: this.headers })
    .toPromise()
    .catch(this.handleError);
  }

In Component consume your service API call like:

 this.your_service_obj.getRecords()
      .then(response => {
      // console.log(response)
      },
      err => {
      })

answered Jun 19, 2018 at 11:53

Prashant Pimpale

10.7k10 gold badges52 silver badges88 bronze badges

1 Comment

Prashant Pimpale Over a year ago

glad it helps you!

Collectives™ on Stack Overflow

How to set header values in API call

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related