先上效果图：

前言：

在GPT爆发的时候，各项目都想给自己的产品加上AI，蹭上AI的风口，因此在最近的一个需求，就想要给项目加入Ai的功能，原本要求的效果是，查询到对应的数据后，完全展示出来，也就是常规的post请求，后来这种效果遇到了一个很现实的问题：长时间的等待。我们需要在GPT返回全部数据后，前端才能接受并展示，一旦询问的时间过长，就会让用户等待很久，这时候我们需要将前端的展示效果改为想ChatGPT那样的打字机效果。

1. 概述：

目前JS实时通信方式主要由：websocket、socket.io、eventSource（SSE）这三种方式。对于这三种方式，不同客户端场景有着其各自的优势。

EventSource是单向通信，而websocket是双向通信。在新闻推送、股票行情这种只需要服务器发送消息给客户端场景，使用SSE更加合适，另外SSE是使用HTTP传输的。而websocket要求全双工连接和一个新的websocket服务器去处理，
​因为各有所长，我们只需要根据实际应用场景，去选择最优的应用