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

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

0 голосов
/ 04 января 2019

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

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

Ниже приведен код, который я пробовал в моем сервисе. 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')
  }
}

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

1 Ответ

0 голосов
/ 05 января 2019

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

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