From b1161d7479cac4e1e109e5687e0542c063ac70cf Mon Sep 17 00:00:00 2001 From: lixuefeng <1126141216@qq.com> Date: Thu, 20 Nov 2025 01:17:16 +0800 Subject: [PATCH] =?UTF-8?q?=E7=B1=BB=E5=9E=8B=EF=BC=9A=E5=BC=80=E5=8F=91?= =?UTF-8?q?=20=E6=8F=8F=E8=BF=B0=EF=BC=9A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/hooks/socket.js | 15 ++++++++++++++- src/views/monitor/components/box-1.vue | 6 +++--- src/views/scenic/components/box-1.vue | 6 +++--- 3 files changed, 20 insertions(+), 7 deletions(-) diff --git a/src/hooks/socket.js b/src/hooks/socket.js index 7830e62..5ca6b86 100644 --- a/src/hooks/socket.js +++ b/src/hooks/socket.js @@ -3,7 +3,7 @@ export function useWebSocket(url) { let socket = ref(null) // socket对象 let isConnected = ref(false) // 是否连接成功 let dataRes = ref(null) // 存储推送数据 - + let timer=null; const connectWebSocket = () => { socket.value = new WebSocket(url, 'echo-protocol', { headers: { @@ -28,6 +28,19 @@ export function useWebSocket(url) { socket.value.onclose = (event) => { isConnected.value = false console.log('WebSocket close：',url, event) + if(!timer){ + timer =setInterval(() => { + if(!isConnected.value){ + console.log('重连中...') + connectWebSocket() + }else if(isConnected.value){ + clearInterval(timer) + timer = null; + } + }, 5000); + } + + } } diff --git a/src/views/monitor/components/box-1.vue b/src/views/monitor/components/box-1.vue index a369649..deab131 100644 --- a/src/views/monitor/components/box-1.vue +++ b/src/views/monitor/components/box-1.vue @@ -105,9 +105,9 @@ alt="" /> --> - - - + + +
diff --git a/src/views/scenic/components/box-1.vue b/src/views/scenic/components/box-1.vue index d775177..daf7882 100644 --- a/src/views/scenic/components/box-1.vue +++ b/src/views/scenic/components/box-1.vue @@ -25,9 +25,9 @@ - - - + + +