在做这个功能之前，本人也是走了很多弯路（花了好几天才搞好），你能看到本篇博文，那你就是找对地方了。百度上很多都是使用SseEmitter这种方式，这种方式使用的是websocket，使用这种方式就搞复杂了，会为后面项目分布式布署上埋下坑，什么坑，下面会说明。要实现【VUE3和SpringBoot实现ChatGPT页面打字效果SSE流式数据展示】这种效果，其实就是要使用SSE这种协议，这种协议很简单。我们先明白websocket和sse有什么区别，说几个主要的区别（太细的自己百度，这不是本博文的重点）

1、SSE是一种基于HTTP的单向通信机制，用于服务器向客户端推送数据，是单向通信

2、WebSocket是一种全双工的通信协议，它通过在客户端和服务器之间建立持久连接，实现双向通信

3、使用SSE在SpringBoot端，就像平时写接口一样，不需要啥配置，不需要保存用户的连接Session，WebSocket在SpringBoot端配置太多，而且需要保存用户的连接session，保存连接seesion在分布式布署上就比较麻烦。

博文最后会有整个项目源代码下载地址，下载之后里面有两个文件夹，myserver是后端springboot的，myweb是vue3前端页面的，如下截图

一、先看效果