Server-Sent Events(以下简称 SSE)以及event-source-polyfill使用单向长连接(后台主动向前端推送)

SSE 与 WebSocket 作用相似,都是建立浏览器与服务器之间的通信渠道,然后服务器向浏览器推送信息SSE 是单向通道,只能服务器向浏览器发送,因为流信息本质上就是下载。

event-source-polyfill是用来传递参数

如果不使用event-source-polyfill咱们直接new EventSource()就行

现在咱们先说一下使用event-source-polyfill

直接上代码

在utils中写一个公共方法Server-Sent Events(以下简称 SSE)以及event-source-polyfill使用单向长连接(后台主动向前端推送)_第1张图片

Server-Sent Events(以下简称 SSE)以及event-source-polyfill使用单向长连接(后台主动向前端推送)_第2张图片

在使用页面写入

Server-Sent Events(以下简称 SSE)以及event-source-polyfill使用单向长连接(后台主动向前端推送)_第3张图片

如果不使用event-source-polyfill只需要把new EventSourcePolyfill替换成new EventSource()然后去掉传的参数即可

大家如果有不同见解的欢迎共同学习

你可能感兴趣的:(前端,vue)