angular v5.1.0 HttpClient 未设置 header 内容类型 : application/json

Question

我正在尝试将 post api 的 header 设置为 application.json

let options: { headers?: {'Content-Type':'application/json'} }

但未设置。

Answer 1

要使用新的 HttpClient 类定义内容类型，您需要:

1. 从 @angular/common/http 导入(而不是从当前标记为已弃用的 @angular/http)

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

1. 在构造函数中注入(inject)HttpClient:

constructor(private http: HttpClient) { }

1. 定义一个私有(private)字段 headers 来定义所需的内容类型和 options 来准备您将在通话中使用的对象:

private options = { headers: new HttpHeaders().set('Content-Type', 'application/json') };

1. 在你的方法中使用它:

this.http.post('your target url', yourBodyObject, this.options)

其中 'your target url' 和 yourBodyObject 仅用作示例，需要替换为您的真实数据。