feat: 添加环境变量.env

添加.env配置，区分开发和生产配置

Author: web-farmer

.env.development

@@ -0,0 +1,7 @@
+# 只在开发模式中被载入
+
+# 网站前缀
+VITE_BASE_URL = /
+
+# API - 本地通过/api代理
+VITE_API_URL = '/api'

.env.production

@@ -0,0 +1,7 @@
+# 只在生产模式中被载入
+
+# 网站前缀
+VITE_BASE_URL = https://cloud-app.com.cn/
+
+# API
+VITE_API_URL = 'https://cloud-app.com.cn/'

env.d.ts

@@ -1 +1,11 @@
 /// <reference types="vite/client" />
+interface ImportMetaEnv {
+ readonly BASE_URL: string
+ readonly MODE: string
+ readonly VITE_BASE_URL: string
+ readonly VITE_API_URL: string
+}
+
+interface ImportMeta {
+ readonly env: ImportMetaEnv
+}

src/main.ts

@@ -12,6 +12,8 @@ app.use(createPinia())
 app.use(router)
 
 console.log(import.meta.env)
+console.log(import.meta.env.VITE_BASE_URL)
+
 // @ts-ignore
 console.log(process.env)