![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webSocket
文章平均质量分 52
IT博客技术分享
没有做不到的,只有想不到的!
展开
-
websocket每隔5秒给服务端send一次信息
监听了突然关闭浏览器窗口,destroyed里面直接监听 window.removeEventListener("beforeunload", e => this.beforeunloadHandler(e)) 然后调用this.webstock.close()关闭socket的长链接。WebSocket连接发生错误的时候,连接错误 需要重连this.reConnect(),尝试重新连接,本次重连次数大于6次就不连接了,放弃连接。三、功能点三WebSocket连接发生错误的时候,连接错误 需要重连。原创 2023-03-07 17:59:35 · 2560 阅读 · 0 评论 -
vue 前端 websocket 连接,使用及nginx通信的ws代理配置
先上配置文件:vue代码:以 ‘/dca'为标识作为转发代理的。后端配置: location /api { proxy_pass http://127.0.0.1:8080; # 开启nginx对websocket的支持 proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; ...原创 2021-11-25 18:31:50 · 4289 阅读 · 0 评论 -
vue tab数据是查询接口 + websocket 里面的 (socket数据是实时更新)---更新2个bug
一、首先:需求就是:vue tab数据是查询接口 + websocket 里面的 (socket数据是实时更新)先效果图:(状态和时间,是实时更新的)1.左边是树结构2.右边是tab'列表 :①:tab列表是2部分组成,②:一部分是自己调查询的接口获取到的,另一部分是socket里面拿到的,并且是实时更新的。③:注意有坑: tab数据时需要 , 自己先调的查询的...原创 2019-04-17 10:59:50 · 1214 阅读 · 0 评论 -
Nodejs实现websocket 数据实时更新 适用h5(模拟数据,不需要数据库)
1.先建立一个node 后台服务2. 建立socket项目;实时通讯,而WebSocket无疑是最合适的。WebSocket相较于HTTP来说,有很多的优点,主要表现在WebSocket只建立一个TCP连接,可以主动推送数据到客户端,而且还有更轻量级的协议头,减少数据传送量。所以WebSocket暂时来说是实时通讯的最佳协议了。 至于服务器语言选择nodeJs,一是因为自己是做前端的...原创 2019-04-22 10:24:25 · 3005 阅读 · 4 评论