当前位置: 首页 > news >正文

前端 SSE 长连接

使用

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

http://www.lryc.cn/news/409362.html

相关文章:

  • .mp4格式的视频为何不能通过video标签在chrome浏览器中播放?
  • Python酷库之旅-第三方库Pandas(051)
  • linux timestamp
  • Vue.js 搭建大屏可视化项目
  • Linux:进程信号(二.信号的保存与处理、递达、volatile关键字、SIGCHLD信号)
  • 最值得推荐的5个AI大模型API
  • PyTest+Allure生成测试报告
  • ROS2教程(10) - 编写接收程序、添加frame - Linux
  • Arraylist与LinkedList的区别
  • Nestjs使用Redis的最佳实践
  • Cadence23学习笔记(十四)
  • socket 编程
  • 如何使用 HTTPie 进行高效的 HTTP 请求
  • Lingo求解器百度云下载 ling 8.0/lingo 18安装包资源分享
  • 文献综述如何为研究的理论框架做出贡献
  • FastAPI(七十九)实战开发《在线课程学习系统》接口开发-- 加入课程和退出课程
  • 【赛事推荐】2024中国高校计算机大赛人工智能创意赛
  • C++沉思:预处理和编译
  • 交通数据处理-计算途径某些路段的车辆数
  • 从0到1入门系列 | 崖山公开课再加码,三小时带你入门崖山数据库!
  • Powershell自定义带参数的别名
  • 文件操作相关的精讲
  • 05 循环神经网络
  • C#初级——条件判断语句、循环语句和运算符
  • Laravel路由模型绑定:简化依赖注入的艺术
  • 【vue前端项目实战案例】之Vue仿饿了么App
  • 冷热分离——Java全栈知识(36)
  • 了解Selenium中的WebElement
  • OpenCV facedetect 人脸检测官方示例项目配置
  • 自定义Laravel Artisan风格:打造个性化命令行体验