using headers in HTTP client

Question

I am trying to develop a dashboard in angular 7. I wanted to access an URL and get the JSON response in my dashboard. the problem is that my code works fine with an open source URL. but there are few end points, which have authorization request. Aim is to add the headers like the JWT token, authorization to my service and display the data in my dashboard.

I found few resources on the internet which are confusing.

Below is my code I tried in my service.ts

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

@Injectable({
  providedIn: 'root'
})
export class DataService {

  constructor(private http: HttpClient) { }

  getlocations() {
    return this.http.get('https://jsonplaceholder.typicode.com/users')
  }
}

Any lead on how to add the header and access them would be really helpful.

please just have a look at the following resource stackoverflow.com/questions/45286764/…. — Kishore Kumar
– Kishore Kumar, Commented Jan 4, 2019 at 15:15

Srdjan · Accepted Answer · 2019-01-04 22:12:11Z

1

The simplest way is to modify a specific request by adding HttpHeaders with the authorization parameter. Here's an example:

getlocations() {
    return this.http.get(
        'https://jsonplaceholder.typicode.com/users', 
        { headers: new HttpHeaders({'Authorization': 'Bearer ' + token}) }
    );
}

edited Jan 4, 2019 at 22:12

answered Jan 4, 2019 at 22:04

Srdjan

5823 silver badges6 bronze badges

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

1 Comment

Jenny Over a year ago

Is it possible that I can assign only the token value with a variable "newToken" and then call n my headers ?? eg: var newToken ="frorjakfngfausjflsf" and later headers: [[authorization : bearer + newToken]]

Collectives™ on Stack Overflow

using headers in HTTP client

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related