vue3 websocket连接上了,会自动断开的处理的二种方式

news/2024/7/8 1:33:21 标签: websocket, 网络协议, 网络

上了服务器以后,发现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配制,前端开发是接触不到的。


http://www.niftyadmin.cn/n/5535923.html

相关文章

rpc超时时间的设置对句柄和内存的影响

今天实验验证:四台拷机,配置修改入下 (1)断网 拷机时间均加快 (2)通网 拷机时间均加快 (3)断网 拷机时间均加快 另外配置超时时间为0 (4) 通网 拷机时间均加快 另外配置超时时间为0 结果分析对比: 11:30到13:36拷机分析: RPC超时时间设置为60时: 断网:…

使用Spock框架进行行为驱动开发(BDD)

行为驱动开发(BDD)是一种软件开发方法,它鼓励开发团队、业务参与者和QA之间的协作。Spock框架是一个强大的测试和规范框架,它结合了JUnit和Groovy的优点,使得编写清晰、可读性强的测试代码变得非常容易。本文将详细介绍…

【数学建模】生产企业原材料的订购与运输

2021 年高教社杯全国大学生数学建模竞赛题目 C 题 生产企业原材料的订购与运输 问题一问题二问题二.1问题二.2 问题三问题三.1 问题四 简单写写模型和思路 某建筑和装饰板材的生产企业所用原材料主要是木质纤维和其他植物素纤维材料, 总体可分为A,B,C三…

javax.net.ssl.SSLHandshakeException: 解决方式

请求第三方接口的时候报javax.net.ssl.SSLHandshakeException: sun.security.validator.ValidatorException: PKIX path building failed: sun.security.provider.certpath.SunCertPathBuilderException: unable to find valid certification path to requested target 网站与…

2024年07月03日 Redis部署方式和持久化

Redis持久化方式:RDB和AOF,和混合式 RDB:周期备份模式,每隔一段时间备份一份快照文件,从主线程Fork一个备份线程出来备份,缺点是会造成数据的丢失。 AOF:日志模式,每条命令都以操作…

CSS动画keyframes简单样例

一、代码部分 1.html <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><link rel"stylesheet" href…

WPF自定义模板--TreeView 实现菜单连接线

有些小伙伴说&#xff0c;在TreeView中&#xff0c;怎么每一个都加上连接线&#xff0c;进行显示连接。 代码和效果如下&#xff1a; 其实就是在原来的模板中增加一列显示线条&#xff0c;然后绘制即可 <Window x:Class"XH.TemplateLesson.TreeViewWindow"xmln…

Web3 开发者入门手册:技能、工具和职业前景

原文&#xff1a;https://remote3.co/blog-post/how-to-become-a-web3-developer 作者&#xff1a;Paul Anderson 编译&#xff1a;TinTinLand Web3 是 2024 年科技领域最受瞩目的话题之一——Web3 令人激动的实用潜力可以跨越多个行业&#xff0c;早期采用者更有机会在未来…