on-site-robots-screen/vite.config.js

/**
 * https://vitejs.dev/config/
 * https://cn.vitejs.dev/config/#server-proxy
 */
import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import vitePluginAliOss from 'vite-plugin-ali-oss'
import ossOptionConfig from './oss.config'
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
import { resolve } from 'path'

const pathResolve = (dir) => {
    return resolve(__dirname, '.', dir)
}
const ossOptions = {
    region: ossOptionConfig.region,
    accessKeyId: ossOptionConfig.accessKeyId,
    accessKeySecret: ossOptionConfig.accessKeySecret,
    bucket: ossOptionConfig.bucket,
    overwrite: true,
}
export default defineConfig(({ mode }) => {
    const isProd = mode !== 'development'
    const env = loadEnv(mode, process.cwd(), '') // 自定义的环境变量
    let base = env.VITE_APP_biuldBase // 打包的静态资源的burl base
    let outDir = 'dist'
    let plugins = [
        vue(),
        AutoImport({
            imports: [
                'vue',
                {
                    'naive-ui': ['useDialog', 'useMessage', 'useNotification', 'useLoadingBar'],
                },
            ],
        }),
        Components({
            resolvers: [NaiveUiResolver()],
        }),
    ]
    /** 如果使用了alioss来储存文件 */
    if (!!ossOptionConfig.url) {
        base = ossOptionConfig.url + base
        plugins.push(vitePluginAliOss(ossOptions))
    }
    return {
        base: base, // must be URL when build
        plugins: plugins,
        build: {
            /** 指定输出路径 */
            outDir: outDir,
            reportCompressedSize: false,
            sourcemap: isProd ? false : true, // 这个生产环境一定要关闭，不然打包的产物会很大
        },
        resolve: {
            alias: {
                '@': pathResolve('./src'),
            },
        },
        server: {
            port: 8087,
            host: true,
            open: true,
            proxy: {
                '/api': {
                    target: 'http://192.168.0.38:58080', // 郝志权测试环境
                    changeOrigin: true,
                    rewrite: (p) => p.replace(/^\/api/, ''),
                },
                '/third-party': {
                    // target: 'http://127.0.0.1:8089',
                    target: 'https://cs.fydl.cloud:39979/icvs2/',
                    changeOrigin: true,
                    rewrite: (p) => p.replace(/^\/third-party/, ''),
                },
            },
        },
    }
})