eventsource - 线上接口流式返回数据不起作用一次性全部返回了？

Question

后端接口是流式返回数据，前端也是流式接收
本地返回数据是流式的，前端显示的也没问题，线上环境就一直pending，最后一次性返回了数据

//         const reader = res.body.getReader();
//         const decoder = new TextDecoder();
//         while (true) {
//             const { done, value } = await reader.read();
//             if (done) break;
//             const chunk = decoder.decode(value, { stream: true });
//             try {
//                 aiRecommendloading.value = false;
//                 if (chunk) {
//                     aiRecommendData.value += chunk;
//                 }
//             }catch (e) {
//                 console.log('Parse error:', e, 'Line:', chunk);
//             }
//         }

这个是按照网上改的配置文件

但也没效果

Answer 1

线上环境的问题你改开发时的本地服务器配置干啥？（严重怀疑你看的就是我之前的回答 ��）

可能的问题太多了，建议从几个方向入手：

1. 先抓包看请求、响应标头，到底是不是 text/event-stream？有没有中间哪个环节被篡改过？
2. 如果后端是 nginx，检查配置是否显式指定了 proxy_buffering off;？要不然默认值是 on，会等缓冲区满了才输出。
3. 如果中间还套了负载均衡器、网关、DCDN 等等，检查每个环节的相关设置，如果不确定，可以逐个先去掉尝试直连后端服务器、再一个一个加上看是哪个中间件的问题。