socket 断开连接时刷新页面

src/utils/websocket.js

@@ -42,7 +42,6 @@ function sendAMessage(name, data) {
 }
 
 export const socketErrDialog = ref(false)
-
 export function initWebSocket(sid, force) {
     if ('WebSocket' in window) {
         if (webSocket === null || force) {
@@ -66,6 +65,9 @@ export function initWebSocket(sid, force) {
 
     webSocket.onclose = function () {
         socketErrDialog.value = true
+        if (router.currentRoute.value.path === '/login') {
+            location.reload()
+        }
         webSocket = null
         let sid
         if (router.currentRoute.value.path === '/triageRoomScreen') {

src/views/system/login.vue

@@ -16,8 +16,7 @@
             maxlength="50"
             placeholder="密码（默认密码为：123456）"
             size="large"
-            @keyup.enter="submit"
-        >
+            @keyup.enter="submit">
           <template #prepend>
             <i class="sfont system-mima"></i>
           </template>
@@ -41,8 +40,6 @@ import {useRoute, useRouter} from 'vue-router'
 import {addRoutes} from '@/router'
 import {ElMessage} from 'element-plus'
 import {closeWebSocket} from '@/utils/websocket'
-import {useBroadcastChannel} from '@vueuse/core'
-
 
 const store = useStore()
 const router = useRouter()