主页 / 问题 / 779593
Accepted
Adam Shakhabov
Asked:2020-02-03 16:28:59 +0000 UTC2020-02-03 16:28:59 +0000 UTC

Angular：如何读取响应标头？

  • 772

例如，如何阅读响应的标题Content-Type？我无法做到这一点。我正在尝试至少显示所有标题

import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders, HttpParams, HttpResponse } from '@angular/common/http';
import { CookieService } from 'ngx-cookie-service';

@Injectable()
export class AuthService {
  readonly endpoint = 'http://xxx.xxx.xxx.xxx:8081/login/';
  phpsessidCookieValue = '';

  constructor(private readonly httpClient: HttpClient,
              private readonly cookieService: CookieService) { }

  post(userName: string, password: string) {    
    const body = new HttpParams()
      .set('username', userName)
      .set('password', password);
    const headers = new HttpHeaders()
      .append('Content-Type', 'application/x-www-form-urlencoded');
    const options = {
      headers: headers
    };

    return this.httpClient.post(this.endpoint, body, options)
      .subscribe((response: HttpResponse<any>) => {
        console.log(response.headers); /*undefined*/
      });
  }
}

，但控制台告诉我 response.headers = undefined。在浏览器中你可以看到一切都是错误的

在此处输入图像描述

javascript

2 个回答

  1. Best Answer

    要接收带有状态和标题的完整响应，您必须指定选项observe: 'response'

    this.httpClient.post(url, body, {observe: 'response'}).subscribe(response => {
    console.log(response.headers);
});
    • 2

  2. headers 是响应类的一部分

    http.get('/path/to/resource')
    .subscribe((res:Response) => {
        console.log(res.headers);
});
    • 0

相关问题