diff --git a/.env b/.env
index ead7728..4bf8a25 100644
--- a/.env
+++ b/.env
@@ -1 +1,3 @@
 VITE_SOME_KEY=123
+# 打包路径
+VITE_BASE_URL = /
\ No newline at end of file
diff --git a/.env.development b/.env.development
index a97f050..afed627 100644
--- a/.env.development
+++ b/.env.development
@@ -1 +1,3 @@
- VITE_SOME_KEY=456
+VITE_SOME_KEY=456
+# 打包路径
+VITE_BASE_URL = ./
diff --git a/vite.config.ts b/vite.config.ts
index d27966f..ae36152 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,4 +1,4 @@
-import { defineConfig } from 'vite';
+import { ConfigEnv, UserConfig, loadEnv } from 'vite';
 import { viteMockServe } from 'vite-plugin-mock';
 import createVuePlugin from '@vitejs/plugin-vue';
 import vueJsx from '@vitejs/plugin-vue-jsx';
@@ -6,30 +6,35 @@ import svgLoader from 'vite-svg-loader';
 
 import path from 'path';
 
+const CWD = process.cwd();
+
 // https://vitejs.dev/config/
-export default defineConfig({
-  base: '/starter/vue-next/',
-  resolve: {
-    alias: {
-      '@': path.resolve(__dirname, './src'),
+export default ({ mode }: ConfigEnv): UserConfig => {
+  const { VITE_BASE_URL } = loadEnv(mode, CWD);
+  return {
+    base: VITE_BASE_URL,
+    resolve: {
+      alias: {
+        '@': path.resolve(__dirname, './src'),
+      },
     },
-  },
 
-  plugins: [
-    createVuePlugin(),
-    vueJsx(),
-    viteMockServe({
-      mockPath: 'mock',
-      localEnabled: true,
-    }),
-    svgLoader(),
-  ],
+    plugins: [
+      createVuePlugin(),
+      vueJsx(),
+      viteMockServe({
+        mockPath: 'mock',
+        localEnabled: true,
+      }),
+      svgLoader(),
+    ],
 
-  server: {
-    port: 3002,
-    host: '0.0.0.0',
-    proxy: {
-      '/api': 'http://127.0.0.1:3000/',
+    server: {
+      port: 3002,
+      host: '0.0.0.0',
+      proxy: {
+        '/api': 'http://127.0.0.1:3000/',
+      },
     },
-  },
-});
+  };
+};