jHipster 之 webflux-前端用EventSource处理sse变成了批量处理而非实时处理

celebrateyang2024-03-31 17:25

现象：

javascript 复制代码

const eventSource = new EventSource(API_URL5);
    eventSource.onmessage = streamEvent => {
      console.log('a message is come in--------->');
      const content = streamEvent.data;
      console.log('Received content: ' + content);
    };

前端用EventSource 处理webflux的sse，虽然后端每秒钟会生成一个字符串，但是前端并不是每秒中在控制台打印出后台输出的数据，而是等后台所有的输出完了，一起打印到控制台。这就改变了eventsource的初衷了。

貌似有一种缓冲机制，后经调查和后端没有关系，是jHipster开发环境中的前端代理服务器导致。

可能的原因:

webpack devserver
BrowserSyncPlugin
他们可能使后端的返回加入了Content-Encoding: gzip 这个响应头，这样eventSource的处理收到了干扰。

因为是开发环境特有的问题，生产环境没有，所以暂时记录一下，以后有时间可以研究一下。重要的一点是，问题的原因是前端，jhipster后端没有问题。