SSE为兼容ie浏览器使用event-source-polyfill

sse与websocket简要对比。
SSE默认支持断线重连，websocket需要自己实现，
SSE一般只用来传送文本，二进制数据需要编码后传送，websocket默认支持传送二进制数据。
SSE支持自定义发送的消息类型

首先，安装polyfill

npm install event-source-polyfill

因为event-source-polyfill没有ts版本，所以要解决这个问题，需要建立src/types/index.d.ts文件
文件中声明
declare const event-source-polyfill: any;

declare module ‘event-source-polyfill’;

使用例子

important { EventSourcePolyfill } from ‘event-source-polyfill’;

useEffect(() => {

const evtSource = new EventSourcePolyfill(‘/stream’, {

headers: {

Authorization: ‘token’

}

})

evtSource.onmessage = function(event: any) {

// to to something…

}

}, []);
因为SSE传送的流信息，所以在开发环境做反向代理时，一定要设置compress: false。否则监听不到onmessage事件。

SSE为兼容ie浏览器使用event-source-polyfill相关推荐

SCRIPT5005: 缺少字符串 abclite-2063-s.js (1,43533) vue 兼容 ie 浏览器报错（iview-admin, view-design）
网上有很多种方案,首先通用的设置是一样的,通过babel-polyfill来降级处理,抹平差异化,通用的配置可以参考这篇文章 vue 项目在ie浏览器的兼容问题_尹小姐的博客-CSDN博客_vue兼容 ...
js导出word文档可以兼容IE8+浏览器适配其他浏览器
js导出word文档,兼容IE8浏览器其他浏览器需要引入两个文件:FileSaver.js 和 jqueryWordExport.js 需要兼容IE8浏览器需要引用:FileSaver.js exc ...
兼容所有浏览器的Web打印控件的设计方案
兼容所有浏览器的Web打印控件的设计方案设计方案的简单实现网址:http://www.lc-simple.com/PrintTest/ 第一章:Web打印控件的原理 Web打印控件的工作的原理如下: ...
html实现读取读卡器,如何在web浏览器页面使用IC卡读卡器并且兼容所有浏览器
随着H5技术的不断发展与推广,H5技术被广泛用于移动设备,PC终端等众多领域.同时,越来越多的应用都基于B/S(浏览器/服务器)模式,降低开发难度的同时还能更好的普及和应用,突破了硬件设备的兼容性问题 ...
CSSJS弹出层效果,兼容所有浏览器
直接上DEMO,不过IE中会提示加载ActiveX控件! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.0 Transitional//EN&q ...
将内容复制到剪切板兼容主流浏览器的解决方案
html : <body><div class="demo-area"><label for="copy-input">输入 ...
video.js兼容微信浏览器，（播放.m3u8视频源）解决微信浏览器黑屏问题
video.js兼容微信浏览器,(播放.m3u8视频源)解决微信浏览器黑屏问题一.问题描述: 在h5做根据视频源直播功能时,在浏览器能打开视频,但是在部分安卓机和苹果机在微信浏览器打开会出现黑屏的状 ...
兼容IE浏览器的全屏机制
由于IE浏览器较某些版本不支持H5的全屏机制,因此需要对全屏做兼容处理,以方便人们的使用. 首先我们要介绍两个方法: 1. 请求进入全屏模式 element.requestFullscreen() 该 ...
Copy复制命令兼容各种浏览器（等同于触发Ctrl+C或者Command⌘+C）
/*复制命令兼容各种浏览器*/ function copy(copyContent, isAlert, maxLength) {if (window.clipboardData) {window.cl ...
分享一个帮助你自定义标签并且兼容现代浏览器的javascript类库 : X-tag
为什么80%的码农都做不了架构师?>>> 日期:2012-6-26 来源:GBin1.com 今天我们介绍一个能够帮助你自定义标签的js类库:x-tag,使用这个类库可以快速 ...

SSE为兼容ie浏览器使用event-source-polyfill

SSE为兼容ie浏览器使用event-source-polyfill相关推荐

最新文章

热门文章