gloabl_award_front/vite.config.ts

import { fileURLToPath, URL } from 'node:url'

import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import DefineOptions from 'unplugin-vue-define-options/vite'
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
import path from 'path'
import { ElementPlusResolver, AntDesignVueResolver } from 'unplugin-vue-components/resolvers'

// console.log(process)
// console.log(import.meta.env.VITE_APP_URL)

// https://vitejs.dev/config/

export default defineConfig(({ mode }) => {
  const env = loadEnv(mode, process.cwd())

  return {
    plugins: [
      vue(),
      DefineOptions(),
      // ...
      AutoImport({
        resolvers: [ElementPlusResolver()],
        imports: [
          'vue',
          'vue-router',
          {
            'lodash-es': [
              'debounce',
              'cloneDeep',
              'cloneDeepWith',
              'isBoolean',
              'isString',
              'isNumber',
              'isArray',
              'isDate',
              'isFunction',
              'isNaN',
              'isNull',
              'isObject',
              'isUndefined'
            ]
          }
        ],
      }),
      Components({
        resolvers: [ElementPlusResolver(), AntDesignVueResolver({ importStyle: false })]
      }),
      createSvgIconsPlugin({
        // 指定需要缓存的图标文件夹
        iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')],
        // 指定symbolId格式
        symbolId: 'icon-[dir]-[name]',
        inject: 'body-last' // 注入位置优化
      })
    ],
    define: {
      __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: false
    },
    css: {
      preprocessorOptions: {
        less: {
          modifyVars: {
            'primary-color': '#ec6800'
          },
          javascriptEnabled: true,
          // 全局导入less变量文件
          additionalData: `@import "${path.resolve(__dirname, 'src/assets/css/style.less')}";`
        }
      }
    },
    resolve: {
      alias: {
        '@': fileURLToPath(new URL('./src', import.meta.url)),
        _c: fileURLToPath(new URL('./src/components', import.meta.url))
      }
    },
    server: {
      host: '0.0.0.0', // 允许局域网内的IP访问
      port: 8088, // 根据环境设置端口
      open: true, // 自动打开浏览器
      strictPort: true, // 如果端口已被占用，则尝试下一个可用端口
      hmr: {
        overlay: true
      },
      proxy: {
        '/api': {
          //'/api'是自行设置的请求前缀
          target: env.VITE_APP_URL,
          changeOrigin: true, //用于控制请求头中的host值
          rewrite: (path) => path.replace(/^\/api/, '/api') //路径重写，（正则）匹配以api开头的路径为空（将请求前缀删除）
        }
      }
    }
  }
})