前端 SSE 长连接

使用

javascript 复制代码
  const options {
    withCredentials: true,  // 默认 false
  }

  const eventSource = new EventSource(`/api`, options);

  eventSource.addEventListener('open', () => {});
  eventSource.onmessage = (event) => {};   // 或addEventListener('message',callback)
  eventSource.addEventListener('error', (event) => {});

注意:message 为默认事件

后端可配合前端使用自定义事件

后端配置 content-type="text/event-stream"

参考:https://www.ruanyifeng.com/blog/2017/05/server-sent_events.html

相关推荐
苏州第一深情2 分钟前
终结加班眼酸?明基RD280U测评:程序员的双倍快乐,竟是4K护眼大屏给的!
前端·后端
i18nsite7 分钟前
互联网重构日记:1 - 开篇
前端·后端
洋不写bug9 分钟前
html表格,无序,有序,自定义,无语义,表单标签,特殊字符详解
前端·html
JarvanMo20 分钟前
Flutter. 适用于 GetX 5 的 CLI (命令行接口/工具)
前端
dyxal23 分钟前
VS Code 1.52.1 对应一些插件版本
前端·chrome
融化的雪35 分钟前
reactflow整理节点,尾节点位置的大坑
开发语言·前端·javascript
Gazer_S1 小时前
【理解React Hooks与JavaScript类型系统】
前端·javascript·react.js
鹏多多1 小时前
前端IndexedDB数据库高效管理插件localForage的教程+案例
前端·javascript·vue.js
我血条子呢1 小时前
[HTML]播放wav格式音频
前端·html·音视频
CodeSheep1 小时前
大家有没有发现一个奇特现象:你能在一个公司工作 12 年以上,无论你多忠诚多卖力,一旦公司赚的少了,那你就成了“眼中钉肉中刺”
前端·后端·程序员