Angular HttpHeaders没有设置值

Question

我正在尝试为一个get请求设置头。功能如下：

 getLeads(jwtToken: string): Observable<any>{
    const headers = new HttpHeaders();
    const authroizationToken = 'bearer '.concat(jwtToken);
    console.log(authroizationToken);          ------------------>  prints the token
    headers.append('Authorization', authroizationToken);
    console.log(headers.get('Authorization'));  ---------------------> this prints null
    var result = this.http.get<Leads>(this.getLeadsUrl, {headers});
    return result;
  }

但是头。get（'Authorization'）由于某种原因为空，我无法找出原因。任何帮助都将不胜感激。

Answer 1

这个问题的答案如下。

https://stackoverflow.com/a/45286959/12376898

https://stackoverflow.com/a/47805759/12376898

总而言之，头是不可变的，因此进行任何更改都会创建一个新对象。除非将新创建的对象引用到旧引用，否则只有旧对象会保留。

getLeads(jwtToken: string) {
let headers = new HttpHeaders();
headers.append('ANYHEADER','SOMESTRING') // will be lost
headers = headers.append('ANYHEADER','SOMESTRING') //unless you reference it again to the old reference
}

Answer 2

对代码进行以下更改：

getLeads(jwtToken: string): Observable<any>{
    let httpOptions = {
      headers: new HttpHeaders({ 'Authorization': `bearer ${jwtToken}` })
    };
    return  this.http.get<Leads>(this.getLeadsUrl, httpOptions);
}

Answer 3

实际上. append返回新的头对象.试试这个它的工作原理是预期的。只要确保每次追加新标头时都将标头分配回变量。

   getLeads(jwtToken: string) {
    let headers = new HttpHeaders();
    const authroizationToken = 'bearer '.concat(jwtToken);
    console.log(authroizationToken);
    headers = headers.append('Authorization', authroizationToken);
    console.log(headers.get('Authorization'));
  }

这是一场有效的闪电战

希望这有帮助：）