生产环境配置

vite.config.ts

@@ -1,5 +1,5 @@
 import { fileURLToPath, URL } from 'node:url'
-import { defineConfig } from 'vite'
+import { loadEnv, defineConfig, ConfigEnv, ViteConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueDevTools from 'vite-plugin-vue-devtools'
 
@@ -11,9 +11,9 @@ import Components from 'unplugin-vue-components/vite'
 import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
 
 // https://vite.dev/config/
-export default defineConfig(({ mode }) => {
+export default defineConfig(({ mode }: ConfigEnv): ViteConfig => {
   const isProduction = mode === 'production'
-
+  const env = loadEnv(mode, process.cwd())
   return {
     plugins: [
       vue(),
@@ -51,8 +51,8 @@ export default defineConfig(({ mode }) => {
           manualChunks: {
             // 将第三方库单独分包
             'element-plus': ['element-plus', '@element-plus/icons-vue'],
-            'vendor': ['vue', 'vue-router', 'pinia'],
-            'utils': ['axios', 'dayjs', 'crypto-js', '@vueuse/core'],
+            vendor: ['vue', 'vue-router', 'pinia'],
+            utils: ['axios', 'dayjs', 'crypto-js', '@vueuse/core'],
           },
           // 文件名带 hash（缓存优化）
           chunkFileNames: 'assets/js/[name]-[hash].js',
@@ -81,7 +81,16 @@ export default defineConfig(({ mode }) => {
 
     server: {
       host: true,
+      port: 9999,
+      https: false,
+      open: true,
+      proxy: {
+        '/api': {
+          target: env.VITE_API_BASE_URL,
+          changeOrigin: true,
+          rewrite: (path) => path.replace(/^\/api/, ''),
+        },
+      },
     },
   }
 })
-