在 HTTP 客户端中使用 headers

Question

我正在尝试在 angular 7 中开发仪表板。我想访问 URL 并在我的仪表板中获得 JSON 响应。问题是我的代码在开源 URL 下运行良好。但是端点很少，有授权请求。目的是添加 header 之类的 JWT 令牌、对我的服务的授权并在我的仪表板中显示数据。

我在 Internet 上发现很少有令人困惑的资源。

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

任何关于如何添加 header 和访问它们的线索都会非常有帮助。

Answer 1

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

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

在 HTTP 客户端中使用 headers

using headers in HTTP client

angular-httpclient

angular7