diff --git a/.env b/.env
new file mode 100644
index 0000000..f1f59af
--- /dev/null
+++ b/.env
@@ -0,0 +1,5 @@
+# 项目本地运行端口号
+VITE_PORT = 5200
+
+# 项目根目录
+VITE_BASE_URL=/
\ No newline at end of file
diff --git a/.env.development b/.env.development
new file mode 100644
index 0000000..e69de29
diff --git a/.env.production b/.env.production
new file mode 100644
index 0000000..e69de29
diff --git a/vite.config.ts b/vite.config.ts
index 6405595..5a5249c 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,7 +1,37 @@
-import { defineConfig } from 'vite';
+import { defineConfig, loadEnv, ConfigEnv } from 'vite';
 import vue from '@vitejs/plugin-vue';
+import { resolve } from 'path';
+
+// 当前执行node命令时文件夹的地址（工作目录）
+const rootPath: string = resolve(process.cwd());
+const srcPath: string = `${rootPath}/src`;
 
 // https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [vue()],
+export default defineConfig(({ command, mode }: ConfigEnv) => {
+  // 在开发环境下 command 的值为 serve 生产环境下为 build
+  // 根据当前工作目录中的 `mode` 加载 .env 文件
+  // 设置第三个参数为 '' 来加载所有环境变量，而不管是否有 `VITE_` 前缀。
+  const env = loadEnv(mode, process.cwd(), '');
+  return {
+    base: env.VITE_BASE_URL,
+    plugins: [vue()],
+    resolve: {
+      alias: {
+        '~': rootPath,
+        '@': srcPath,
+      },
+    },
+    server: {
+      host: '0.0.0.0',
+      port: Number(env.VITE_PORT),
+      open: true,
+    },
+    preview: {
+      port: 5211,
+    },
+    build: {
+      reportCompressedSize: false, // 启用/禁用 gzip 压缩大小报告
+      sourcemap: false, // 构建后是否生成 source map 文件
+    },
+  };
 });