feat: 增加禁用开发者工具环境变量

Author: hooray

.env.development

@@ -6,6 +6,8 @@ VITE_APP_TITLE = One-step-admin 基础版
 VITE_APP_API_BASEURL = /
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
 VITE_APP_DEBUG_TOOL =
+# 是否禁用开发者工具，可防止被调试
+VITE_APP_DISABLE_DEVTOOL = false
 
 # 是否开启代理
 VITE_OPEN_PROXY = false

.env.production

@@ -6,6 +6,8 @@ VITE_APP_TITLE = One-step-admin 基础版
 VITE_APP_API_BASEURL = /
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
 VITE_APP_DEBUG_TOOL =
+# 是否禁用开发者工具，可防止被调试
+VITE_APP_DISABLE_DEVTOOL = false
 
 # 是否在打包时启用 Mock
 VITE_BUILD_MOCK = false

.env.test

@@ -6,6 +6,8 @@ VITE_APP_TITLE = One-step-admin 基础版
 VITE_APP_API_BASEURL = /
 # 调试工具，可设置 eruda 或 vconsole，如果不需要开启则留空
 VITE_APP_DEBUG_TOOL =
+# 是否禁用开发者工具，可防止被调试
+VITE_APP_DISABLE_DEVTOOL = false
 
 # 是否在打包时启用 Mock
 VITE_BUILD_MOCK = true

package.json

@@ -28,6 +28,7 @@
     "@vueuse/integrations": "^10.10.0",
     "axios": "^1.7.2",
     "dayjs": "^1.11.11",
+    "disable-devtool": "^0.3.7",
     "element-plus": "^2.7.4",
     "eruda": "^3.0.1",
     "floating-vue": "5.2.2",

pnpm-lock.yaml

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import eruda from 'eruda'
 import VConsole from 'vconsole'
+import DisableDevtool from 'disable-devtool'
 import hotkeys from 'hotkeys-js'
 import eventBus from './utils/eventBus'
 import Provider from './ui-provider/index.vue'
@@ -40,6 +41,7 @@ onMounted(() => {
 
 import.meta.env.VITE_APP_DEBUG_TOOL === 'eruda' && eruda.init()
 import.meta.env.VITE_APP_DEBUG_TOOL === 'vconsole' && new VConsole()
+import.meta.env.VITE_APP_DISABLE_DEVTOOL === 'true' && DisableDevtool()
 </script>
 
 <template>