Angular5 HttpClient POST请求解析纯文本响应报错求助

我之前也踩过这个坑！Angular的HttpClient默认会把响应当作JSON来解析，当后端返回纯文本但没做对应配置时，就会触发Http failure during parsing错误，而且你提到的HttpResponse里看不到ContentType头，大概率也是解析失败导致响应对象没有正确初始化。

下面是具体的解决步骤：

1. 给HttpClient请求明确指定响应类型为text #

HttpClient默认的响应类型是json，所以即使后端返回纯文本，它也会尝试按JSON解析，自然就报错了。你需要在请求的配置参数里指定responseType: 'text'，示例代码如下：

// 假设你的登录请求是POST，loginData是请求体
this.http.post('http://localhost:8080/', loginData, { responseType: 'text' })
  .subscribe(
    (successResponse) => {
      // 这里就能拿到纯文本响应了
      console.log('登录响应:', successResponse);
    },
    (error) => {
      // 现在应该不会再因为解析失败触发错误了
      console.error('登录错误:', error);
    }
  );

注意：在Angular 5中，responseType必须作为第三个参数（配置对象）的属性传入，不能和请求体混在一起。

2. 确认后端正确设置响应头 #

虽然Chrome开发者工具里能看到ContentType，但建议后端明确返回Content-Type: text/plain响应头。如果后端返回的是其他类型（比如默认的application/json），即使你指定了responseType: 'text'，偶尔也会出现兼容性问题。

3. 验证响应头是否正常获取 #

当你正确指定响应类型后，在成功回调里可以打印响应的头信息来确认：

(successResponse) => {
  console.log('响应头:', successResponse.headers);
}

这时候应该能看到Content-Type: text/plain的头信息了。

另外提个小坑：如果后端返回的是空的纯文本响应，也必须指定responseType: 'text'，否则同样会触发解析错误。

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