注册全局组件SVG，集成pinia，封装axios

frontend/vite.config.ts

@@ -1,44 +1,56 @@
-import { defineConfig } from 'vite'
+import {defineConfig, loadEnv} from 'vite'
+import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
 import vue from '@vitejs/plugin-vue'
 import path from 'path'
 
+
 // https://vitejs.dev/config/
-export default defineConfig({
-  plugins: [
-    vue(),
-  ],
-  // 基础配置
-  base: './',
-  publicDir: 'public',
-  resolve: {
-    alias: {
-      '@': path.resolve(__dirname, 'src')
-    }
-  },
-  css: {
-    preprocessorOptions: {
-      less: {
-        modifyVars: {
-          '@border-color-base': '#dce3e8',
+export default defineConfig((config) => {
+    // 根据当前工作目录中的 `mode` 加载 .env 文件
+    // 设置第三个参数为 '' 来加载所有环境变量，而不管是否有 `VITE_` 前缀。
+    const {command, mode} = config
+    const env = loadEnv(mode, process.cwd(), '')
+    return {
+        plugins: [
+            vue(),
+            // svg图标配置，可以使用svg图标
+            createSvgIconsPlugin({
+                iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')],
+                symbolId: 'icon-[dir]-[name]',
+            }),
+        ],
+        // 基础配置
+        base: './',
+        publicDir: 'public',
+        resolve: {
+            alias: {
+                '@': path.resolve(__dirname, 'src'),
+            },
         },
-        javascriptEnabled: true,
-      },
-    },
-  },
-  build: {
-    outDir: 'dist',
-    assetsDir: 'assets',
-    assetsInlineLimit: 4096,
-    cssCodeSplit: true,
-    brotliSize: false,
-    sourcemap: false,
-    minify: 'terser',
-    terserOptions: {
-      compress: {
-        // 生产环境去除console及debug
-        drop_console: false,
-        drop_debugger: true,
-      },
-    },
-  },
+        css: {
+            preprocessorOptions: {
+                less: {
+                    modifyVars: {
+                        '@border-color-base': '#dce3e8',
+                    },
+                    javascriptEnabled: true,
+                },
+            },
+        },
+        build: {
+            outDir: 'dist',
+            assetsDir: 'assets',
+            assetsInlineLimit: 4096,
+            cssCodeSplit: true,
+            sourcemap: false,
+            minify: 'terser',
+            terserOptions: {
+                compress: {
+                    // 生产环境去除console及debug
+                    drop_console: false,
+                    drop_debugger: true,
+                },
+            },
+        },
+    }
 })