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 @@ - - - + + +