首页 前端知识 nodejs vue3 模拟 fetchEventSouce进行sse流式请求

nodejs vue3 模拟 fetchEventSouce进行sse流式请求

2024-07-27 22:07:10 前端知识 前端哥 901 19 我要收藏

先上效果图:

前言:

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

1. 概述:

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

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/14372.html
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!