Angular 7代理获取不完整Chunked JSON响应问题求助

这个问题我之前在开发Angular项目时也碰到过，Webpack Dev Server内置的代理在处理Transfer-encoding: chunked的大响应时，确实会偶发出现截断情况，导致HttpClient解析JSON时抛出“Unexpected end of JSON input”错误。给你几个可行的解决方案，按优先级排序：

1. 调整Angular代理配置（最推荐） #

Angular的代理配置基于http-proxy-middleware，我们可以通过添加特定选项来解决chunked响应的缓冲问题：

修改你的proxy.conf.json，增加buffer: false（关闭代理缓冲，让响应流式传递）和超时配置：

"/api/messages": {
  "target": "http://myRemoteHost:myRemotePort/myRemoteContext/v1/",
  "secure": false,
  "changeOrigin": true,
  "logLevel": "debug",
  "pathRewrite": { "^/api": "" },
  "buffer": false,
  "proxyTimeout": 30000,
  "timeout": 30000
}

• buffer: false：关闭代理的响应缓冲，让远程API的chunked响应直接流式传递给Angular客户端，避免代理层截断未完成的响应。
• proxyTimeout和timeout：延长超时时间，防止大响应还没传输完就被代理中断连接。

修改完配置后重启ng serve，应该能解决大部分偶发的截断问题。

2. 代码层面手动处理流式响应 #

如果代理配置调整后还是有问题，可以修改HttpClient的请求逻辑，手动接收完整响应后再解析JSON：

修改messages.service.ts中的请求代码，指定responseType: 'text'，然后在管道中手动解析：

import { map } from 'rxjs/operators';

// ...

return this.http.get(this.endpoint, { 
  params: httpParams, 
  responseType: 'text' 
}).pipe(
  map(responseText => {
    // 确保响应文本完整后再解析
    return JSON.parse(responseText) as Message[];
  })
);

默认情况下HttpClient会自动尝试解析JSON，但如果chunked响应还没完全接收就触发了解析，就会导致截断。手动接收文本再解析，能确保拿到完整响应后再处理。

3. 本地Nginx代理中转（备选方案） #

如果上面两种方法都无法解决，可以考虑用本地Nginx做中转代理，利用Nginx成熟的chunked响应处理能力：

1. 配置本地Nginx的nginx.conf，添加代理规则：

server {
  listen 8080;
  location /api/ {
    proxy_pass http://myRemoteHost:myRemotePort/myRemoteContext/v1/;
    proxy_buffering off; # 关闭缓冲，流式传输
    proxy_set_header Host $host;
    proxy_set_header X-Real-IP $remote_addr;
  }
}

2. 修改Angular的proxy.conf.json，将目标指向本地Nginx：

"/api/messages": {
  "target": "http://localhost:8080/",
  "secure": false,
  "changeOrigin": true,
  "logLevel": "debug",
  "pathRewrite": { "^/api": "/api" }
}

这种方式能彻底绕开Webpack Dev Server代理的局限性，适合处理超大或持续时间长的chunked响应。

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