использование заголовков в HTTP-клиенте

Я пытаюсь разработать панель инструментов в angular 7. Я хотел получить доступ к URL-адресу и получить ответ JSON на своей панели инструментов. проблема в том, что мой код отлично работает с URL-адресом с открытым исходным кодом. но есть несколько конечных точек, которые имеют запрос на авторизацию. Цель состоит в том, чтобы добавить заголовки, такие как токен JWT, авторизацию в мою службу и отобразить данные на моей панели инструментов.

Я нашел несколько ресурсов в Интернете, которые сбивают с толку.

Ниже приведен мой код, который я пробовал в своем сервисе.

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')
  }
}

Любое руководство о том, как добавить заголовок и получить к ним доступ, было бы действительно полезно.


angular7 angular-httpclient
person Jenny    schedule 04.01.2019    source источник
comment
просто взгляните на следующий ресурс stackoverflow.com/ вопросы/45286764/.   -  person Kishore Kumar    schedule 04.01.2019
comment
@KishoreKumar Я использую запрос на получение   -  person Jenny    schedule 04.01.2019
comment
this.httpClient.get(url, {заголовки})   -  person Naga Sai A    schedule 05.01.2019

Ответы (1)


arrow_upward
1
arrow_downward

Самый простой способ — изменить конкретный запрос, добавив HttpHeaders с параметром авторизации. Вот пример:

getlocations() {
    return this.http.get(
        'https://jsonplaceholder.typicode.com/users', 
        { headers: new HttpHeaders({'Authorization': 'Bearer ' + token}) }
    );
}
person Srdjan    schedule 04.01.2019
comment
Возможно ли, что я могу присвоить только значение токена переменной newToken, а затем вызвать мои заголовки ?? например: var newToken =frorjakfngfausjflsf и более поздние заголовки: [[авторизация: носитель + newToken]] - person Jenny; 10.01.2019