版本回退

src/views/VideoStream.vue

@@ -894,20 +894,20 @@ const handleVisibilityChange = () => {
 
 
 onMounted(() => {
-  document.addEventListener("visibilitychange", handleVisibilityChange);
+  // document.addEventListener("visibilitychange", handleVisibilityChange);
   ObtainDeviceInformation();
-  window.addEventListener('keydown', (e) => {
+  // window.addEventListener('keydown', (e) => {
-    // console.log('触发按键了 键盘事件有效', e)
+  //   // console.log('触发按键了 键盘事件有效', e)
-    if (e.key == 'Backspace') {
+  //   if (e.key == 'Backspace') {
-      key(selectedDevice.value, 'down', 67)
+  //     key(selectedDevice.value, 'down', 67)
-    }
+  //   }
-  })
+  // })
-  window.addEventListener('keyup', (e) => {
+  // window.addEventListener('keyup', (e) => {
-    // console.log('触发按键了 键盘事件有效抬起', e.keyCode, e.key)
+  //   // console.log('触发按键了 键盘事件有效抬起', e.keyCode, e.key)
-    if (e.key == 'Backspace') {
+  //   if (e.key == 'Backspace') {
-      key(selectedDevice.value, 'up', 67)
+  //     key(selectedDevice.value, 'up', 67)
-    }
+  //   }
-  })
+  // })
 
   const loading = ElLoading.service({
     lock: true,
@@ -1001,7 +1001,7 @@ onMounted(() => {
 // })
 
 onBeforeUnmount(() => {
-  document.removeEventListener("visibilitychange", handleVisibilityChange);
+  // document.removeEventListener("visibilitychange", handleVisibilityChange);
 });
 
 // 组件卸载时清理

vue.config.js

@@ -2,10 +2,10 @@ const { defineConfig } = require('@vue/cli-service');
 
 module.exports = defineConfig({
   devServer: {
-    client: {
+    // client: {
-      overlay: false, // 重点：新版写法
+    //   overlay: false, // 重点：新版写法
 
-    },
+    // },
     historyApiFallback: true,
   },
   transpileDependencies: true,