自学内容网 自学内容网

前端 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


原文地址:https://blog.csdn.net/weixin_46448762/article/details/140654401

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!