模仿chatgpt文字的流式输出, eventStream
用过chatgpt的同学都知道，chatgpt的文本是流式输出的，也就是有打字机的那种一个字一个字蹦出来的效果，这里不是前端控制的那种效果（前端拿到所有的文本，然后一个字一个字的渲染），而是我们真的一个字一个字的从服务端拿到然后立刻渲染后页面上，这里主要涉及到eventStream
那么如何实现呢？
let eventSource: EventSourceconst send = () => {eventSource = new EventSource('url')eventSource.onmessage = function (event) {if (event.data === '[DONE]') {return stop()}const data = JSON.parse(event.data)console.log(data.message)}
}const stop = () => {
eventSource.close()
}
send函数展示了如何建立连接，并接受由服务端推送过来的消息，stop函数展示了如何结束这个连接。
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！