（编辑器：VS Code；typescript：2.2.1）

目的是获取请求的响应头

假设在服务中使用 HttpClient 发出 POST 请求

import {
    Injectable
} from "@angular/core";

import {
    HttpClient,
    HttpHeaders,
} from "@angular/common/http";

@Injectable()
export class MyHttpClientService {
    const url = 'url';

    const body = {
        body: 'the body'
    };

    const headers = 'headers made with HttpHeaders';

    const options = {
        headers: headers,
        observe: "response", // to display the full response
        responseType: "json"
    };

    return this.http.post(sessionUrl, body, options)
        .subscribe(response => {
            console.log(response);
            return response;
        }, err => {
            throw err;
        });
}

HttpClient 角度文档

第一个问题是我有一个typescript错误：

'Argument of type '{ 
    headers: HttpHeaders; 
    observe: string; 
    responseType: string;
}' is not assignable to parameter of type'{ 
    headers?: HttpHeaders;
    observe?: "body";
    params?: HttpParams; reportProgress?: boolean;
    respons...'.

Types of property 'observe' are incompatible.
Type 'string' is not assignable to type '"body"'.'
at: '51,49' source: 'ts'

确实，当我转到 post() 方法的 ref 时，我指向了这个原型（我使用 VS 代码）

post(url: string, body: any | null, options: {
        headers?: HttpHeaders;
        observe?: 'body';
        params?: HttpParams;
        reportProgress?: boolean;
        responseType: 'arraybuffer';
        withCredentials?: boolean;
    }): Observable<ArrayBuffer>;

但我想要这个重载的方法：

post(url: string, body: any | null, options: {
    headers?: HttpHeaders;
    observe: 'response';
    params?: HttpParams;
    reportProgress?: boolean;
    responseType?: 'json';
    withCredentials?: boolean;
}): Observable<HttpResponse<Object>>;

所以，我试图用这个结构修复这个错误：

  const options = {
            headers: headers,
            "observe?": "response",
            "responseType?": "json",
        };

它编译！但我只是以 json 格式获取正文请求。

此外，为什么我必须放一个？某些字段名称末尾的符号？正如我在 Typescript 网站上看到的，这个符号应该只是告诉用户它是可选的？

我还尝试使用所有字段，没有和有？分数

编辑

我尝试了Angular 4 get headers from API response提出的解决方案。对于地图解决方案：

this.http.post(url).map(resp => console.log(resp));

Typescript 编译器告诉 map 不存在，因为它不是 Observable 的一部分

我也试过这个

import { Response } from "@angular/http";

this.http.post(url).post((resp: Response) => resp)

它可以编译，但我收到了不受支持的媒体类型响应。这些解决方案应该适用于“Http”，但不适用于“HttpClient”。

编辑 2

我的@Supamiu 解决方案也得到了不受支持的媒体类型，因此我的标题会出错。所以上面的第二个解决方案（带有响应类型）也应该有效。但是个人而言，我认为将“Http”与“HttpClient”混合在一起不是一个好方法，所以我会保留Supamiu的解决方案