上了服务器以后,发现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 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐