From 1ad3506f665394e879c6c377ddee82e62c9fc95e Mon Sep 17 00:00:00 2001 From: BTMuli Date: Mon, 9 Oct 2023 01:05:52 +0800 Subject: [PATCH] =?UTF-8?q?=E2=9C=8F=EF=B8=8F=20=E4=BF=AE=E5=A4=8D=20impor?= =?UTF-8?q?t.meta.env=20=E5=BC=95=E7=94=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/App.vue | 2 +- src/components/app/t-sidebar.vue | 2 +- src/main.ts | 2 +- src/pages/common/Config.vue | 2 +- src/pages/common/Home.vue | 2 +- src/vite-env.d.ts | 26 +++++++++++++++++++++++++- 6 files changed, 30 insertions(+), 6 deletions(-) diff --git a/src/App.vue b/src/App.vue index db9fe321..45563572 100644 --- a/src/App.vue +++ b/src/App.vue @@ -133,7 +133,7 @@ async function createDataDir(): Promise { // 初始化数据库 async function initData(): Promise { - if (!import.meta?.env?.PROD) { + if (import.meta.env.MODE === "development") { console.info("开发环境,跳过数据库初始化!"); return; } diff --git a/src/components/app/t-sidebar.vue b/src/components/app/t-sidebar.vue index ef36bb87..89c509fb 100644 --- a/src/components/app/t-sidebar.vue +++ b/src/components/app/t-sidebar.vue @@ -132,7 +132,7 @@ import { useUserStore } from "../../store/modules/user"; const appStore = useAppStore(); const userStore = useUserStore(); -const isDevEnv = ref(!import.meta?.env?.PROD); +const isDevEnv = ref(import.meta.env.MODE === "development"); const userInfo = computed(() => { const info = userStore.getBriefInfo(); diff --git a/src/main.ts b/src/main.ts index 31b06a34..ae52bfd5 100644 --- a/src/main.ts +++ b/src/main.ts @@ -20,7 +20,7 @@ import "./assets/index.css"; // gt.js import "https://static.geetest.com/static/js/gt.0.4.9.js"; -if (import.meta?.env?.MODE === "development") { +if (import.meta.env.MODE === "development") { await import("@vue/devtools").then((i) => { i.default.connect(/* host, port */); }); diff --git a/src/pages/common/Config.vue b/src/pages/common/Config.vue index 4c08f07c..627e266c 100644 --- a/src/pages/common/Config.vue +++ b/src/pages/common/Config.vue @@ -176,7 +176,7 @@ const userStore = useUserStore(); const homeStore = useHomeStore(); const achievementsStore = useAchievementsStore(); -const isDevEnv = ref(!import.meta?.env?.PROD); +const isDevEnv = ref(import.meta.env.MODE === "development"); // About App const versionApp = ref(""); diff --git a/src/pages/common/Home.vue b/src/pages/common/Home.vue index 930a20fe..46f18ec3 100644 --- a/src/pages/common/Home.vue +++ b/src/pages/common/Home.vue @@ -49,7 +49,7 @@ function readLoading(): void { onMounted(async () => { loadingTitle.value = "正在加载首页"; loading.value = true; - const isProdEnv = import.meta?.env?.PROD; + const isProdEnv = import.meta.env.MODE === "production"; // 获取当前环境 if (isProdEnv && appStore.devMode) { appStore.devMode = false; diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts index 79fb38c6..470ccf24 100644 --- a/src/vite-env.d.ts +++ b/src/vite-env.d.ts @@ -2,7 +2,7 @@ * @file vite-env.d.ts * @description vite-env.d.ts * @author BTMuli - * @since Alpha v0.1.3 + * @since Beta v0.3.3 */ declare module "*.vue" { @@ -26,3 +26,27 @@ declare module "vue-json-viewer" { }>; export default component; } + +/** + * @description import.meta.env + * @package vite + * @description 只写了用到的属性 + */ +interface ImportMetaEnv { + TAURI_ARCH: string; + TAURI_DEBUG: boolean; + TAURI_FAMILY: string; + TAURI_KEY_PASSWORD: string; + TAURI_PLATFORM: string; + TAURI_PLATFORM_TYPE: string; + BASE_URL: string; + MODE: string; + DEV: boolean; + PROD: boolean; + SSR: boolean; +} + +declare interface ImportMeta { + readonly env: ImportMetaEnv; + readonly glob: (path: string) => Record Promise>; +}