fix(vite.config): fix base url

prod env path error when use dynamic routing

.env

@@ -1 +1,3 @@
 VITE_SOME_KEY=123
+# 打包路径
+VITE_BASE_URL = /

.env.development

@@ -1 +1,3 @@
- VITE_SOME_KEY=456
+VITE_SOME_KEY=456
+# 打包路径
+VITE_BASE_URL = ./

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({
+export default ({ mode }: ConfigEnv): UserConfig => {
-  base: '/starter/vue-next/',
+  const { VITE_BASE_URL } = loadEnv(mode, CWD);
-  resolve: {
+  return {
-    alias: {
+    base: VITE_BASE_URL,
-      '@': path.resolve(__dirname, './src'),
+    resolve: {
+      alias: {
+        '@': path.resolve(__dirname, './src'),
+      },
     },
-  },
 
-  plugins: [
+    plugins: [
-    createVuePlugin(),
+      createVuePlugin(),
-    vueJsx(),
+      vueJsx(),
-    viteMockServe({
+      viteMockServe({
-      mockPath: 'mock',
+        mockPath: 'mock',
-      localEnabled: true,
+        localEnabled: true,
-    }),
+      }),
-    svgLoader(),
+      svgLoader(),
-  ],
+    ],
 
-  server: {
+    server: {
-    port: 3002,
+      port: 3002,
-    host: '0.0.0.0',
+      host: '0.0.0.0',
-    proxy: {
+      proxy: {
-      '/api': 'http://127.0.0.1:3000/',
+        '/api': 'http://127.0.0.1:3000/',
+      },
     },
-  },
+  };
-});
+};