vite.config.ts

import {defineConfig, loadEnv} from 'vite'
import vue from '@vitejs/plugin-vue'
import type {ConfigEnv} from 'vite'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import {ElementPlusResolver} from 'unplugin-vue-components/resolvers'

/**
 * 如果编辑器提示 path 模块找不到，则可以安装一下 @types/node
 * pnpm add -D @types/node
 */
import {resolve} from 'path'
import * as path from 'path'

// https://vitejs.dev/config/
export default defineConfig(({mode}: ConfigEnv) => {
    const env = loadEnv(mode, process.cwd())
    return {
        plugins: [
            vue(),
            AutoImport({
                resolvers: [ElementPlusResolver()],
            }),
            Components({
                resolvers: [ElementPlusResolver()],
            }),
        ],
        define: {
            'process.env': {
                BASE_API: 'http://127.0.0.1:9999/house',
            },
        },
        resolve: {
            alias: {
                '@': resolve(__dirname, './src'),
            },
            extensions: ['.js', '.vue'],
        },
        base: '/',
        server: {
            host: '0.0.0.0',
            port: 3002, // 设置服务启动端口号
            open: false, // 设置服务启动时是否自动打开浏览器
            cors: true, // 允许跨域
            proxy: {
                '/api': {
                    target: process.env.BASE_API,
                    changeOrigin: true,
                    rewrite: (path) => path.replace(/^\/request/, ''),
                },
            },
        },
        css: {
            preprocessorOptions: {
                less: {
                    modifyVars: {
                        hack: `true; @import (reference) "${path.resolve('src/styles/base.less')}";`,
                    },
                    javascriptEnabled: true,
                },
            },
        },
    }
})