在HTTP客户端中使用标头

Question

我正在尝试在angular 7中开发一个仪表板。我想访问一个URL并在我的仪表板中获得JSON响应。问题是我的代码在开放源码URL上运行得很好。但是有授权请求的端点很少。我的目标是向我的服务添加像JWT令牌，授权这样的头，并在我的仪表板中显示数据。

我在网上几乎找不到令人困惑的资源。

下面是我在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')
  }
}

任何关于如何添加标题和访问它们的线索将是非常有帮助的。

Answer 1

最简单的方法是通过添加带有HttpHeaders参数的授权来修改特定的请求。下面是一个例子：

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