Angular HttpClient发送POST请求时如何携带布尔值false的请求体？

问题根源在于Angular HttpClient的默认处理逻辑：当传入的请求体是false这类假值时，会被判定为空内容而自动忽略，而true作为真值能被正常序列化并发送。要直接发送布尔值false作为请求体，可以通过以下方式实现：

方案：手动序列化请求体为JSON字符串 #

直接将false序列化为JSON字符串，并显式设置Content-Type请求头，强制后端识别为JSON格式的请求体，绕过Angular对假值的自动过滤：

constructor(public readonly http: HttpClient) {
  const requestBody = false;
  http.request({
    method: 'POST',
    url: '/locked',
    body: JSON.stringify(requestBody),
    headers: new HttpHeaders({ 'Content-Type': 'application/json' }),
  });
}

如果不需要使用通用的request方法，也可以用HttpClient.post简化写法：

constructor(public readonly http: HttpClient) {
  const requestBody = false;
  this.http.post('/locked', JSON.stringify(requestBody), {
    headers: new HttpHeaders({ 'Content-Type': 'application/json' })
  }).subscribe();
}

核心逻辑就是通过手动JSON序列化，明确告知客户端要发送的具体内容，避免假值被误判为空请求体。

内容的提问来源于stack exchange，提问作者Tim Rasim