feat:添加env配置

Author: lpya

.env.development

@@ -0,0 +1,3 @@
+VITE_HOST = '127.0.0.1'
+VITE_SITE_NAME='Vue3-Vite-ElementPlus-Admin'
+VITE_PREFIX_ROUTE='sys.blog'

.env.production

@@ -0,0 +1,3 @@
+VITE_HOST = '127.0.0.1'
+VITE_SITE_NAME='Vue3-Vite-ElementPlus-Admin'
+VITE_PREFIX_ROUTE='sys.blog'

package.json

@@ -2,8 +2,8 @@
   "name": "my-vue-app",
   "version": "0.0.0",
   "scripts": {
-    "dev": "vite",
-    "build": "vite build",
+    "dev": "vite  --mode development",
+    "build": "vite build  --mode production",
     "preview": "vite preview"
   },
   "dependencies": {

src/router/index.ts

@@ -9,10 +9,10 @@ export const constantRoutes: Array<RouteRecordRaw> = [
     }
   }
 ]
-// createWebHistory(process.env.BASE_URL)
-// createWebHashHistory(process.env.BASE_URL)
+// createWebHistory(import.meta.env.BASE_URL)
+// createWebHashHistory(import.meta.env.BASE_URL)
 const router = createRouter({
-  history: createWebHistory(process.env.BASE_URL),
+  history: createWebHistory(import.meta.env.BASE_URL),
   routes: constantRoutes
 })
 export default router

src/utils/get-page-title.ts

@@ -4,7 +4,7 @@
  * @return {*}
  */
 export function getPageTitle(pageTitle: string): string {
-  const title = process.env.VUE_APP_SITE_NAME || 'Vue3-Element-Admin'
+  const title = import.meta.env.VITE_SITE_NAME || 'Vue3-Element-Admin'
   if (pageTitle) {
     return `${pageTitle} - ${title}`
   }

vite.config.ts

@@ -4,10 +4,7 @@ import path from 'path'
 export default defineConfig({
   base: './',
   define: {
-    'process.env': {
-      VUE_APP_SITE_NAME: 'Vue3-Vite-ElementPlus-Admin',
-      VUE_APP_PREFIX_ROUTE: 'sys.blog'
-    }
+    'process.env': {}
   },
   plugins: [vue()],
   resolve: {