在HTTP客户端中使用标头

时间:2019-01-04 15:09:54

标签: angular7 angular-httpclient

我正在尝试开发角度为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')
  }
}

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

1 个答案:

答案 0 :(得分:1)

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

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