vue3 websocket连接上了,会自动断开的处理的二种方式
vue
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
项目地址:https://gitcode.com/gh_mirrors/vu/vue
免费下载资源
·
上了服务器以后,发现websocket会自动断开,那么我们可以有二种方法:
1)一般我们会发送心跳包
function sendMessagePing() {
if (websocket && websocket.readyState === WebSocket.OPEN) {
websocket.send('ping');
} else {
console.log('WebSocket连接已断开~');
}
}
然后我们在setInterval来定时去调用上面的方法:
var timerInterval = setInterval(() => {
sendMessagePing();
}, 1000);
// unmounted
clearInterval(timerInterval);
上面是每隔1秒钟去发一次ping给服务器,然后服务器收到了不进行处理,也可以有输出。
这里是spring boot的代码,用于接收前端发过来的消息。:
//前端向后端发送消息
@OnMessage
public void onMessage(String message) {
if (!message.equals("ping")) {
System.out.println("【websocket消息】收到客户端发来的消息:"+message);
}
}
2、也可以通过配制超时时间来处理:
proxy_read_timeout 5;
只要延长proxy_read_timeout也是可以的。
还是方式1比较合理,有些时间nginx配制,前端开发是接触不到的。
GitHub 加速计划 / vu / vue
85
16
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:5 个月前 )
9e887079
[skip ci] 3 个月前
73486cb5
* chore: fix link broken
Signed-off-by: snoppy <michaleli@foxmail.com>
* Update packages/template-compiler/README.md [skip ci]
---------
Signed-off-by: snoppy <michaleli@foxmail.com>
Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 7 个月前
更多推荐
已为社区贡献8条内容
所有评论(0)