import {defineConfig, loadEnv} from 'vite' import path from 'path' import createVitePlugins from './vite/plugins' import {viteCommonjs} from '@originjs/vite-plugin-commonjs' // https://vitejs.dev/config/ export default defineConfig(({mode, command}) => { const env = loadEnv(mode, process.cwd()) const isBuild = command === 'build'; // const {VITE_APP_ENV} = env return { // 部署生产环境和开发环境下的URL。 // 默认情况下,vite 会假设你的应用是被部署在一个域名的根路径上 // 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上,你就需要用这个选项指定这个子路径。例如,如果你的应用被部署在 https://www.ruoyi.vip/admin/,则设置 baseUrl 为 /admin/。 base: env.VITE_APP_BASE_Title, plugins: [ viteCommonjs({ include: ['jsoneditor'] // 必须为首个插件[3](@ref) }), ...createVitePlugins(env, isBuild) // 展开原有插件 ], resolve: { // https://cn.vitejs.dev/config/#resolve-alias alias: { // 设置路径 '~': path.resolve(__dirname, './'), // 设置别名 '@': path.resolve(__dirname, './src') }, // https://cn.vitejs.dev/config/#resolve-extensions extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue'] }, // vite 相关配置 server: { port: env.VITE_PORT, host: '0.0.0.0', open: true, proxy: { // '/profile/upload': { // target: env.VITE_DEV_PATH, // changeOrigin: true, // rewrite: (p) => p.replace(/^\/profile\/upload/, '/profile/upload') // }, // https://cn.vitejs.dev/config/#server-proxy '/websocket': { // 这是你在前端代码中请求的路径标识 target: env.VITE_DEV_PATH, changeOrigin: true, ws: true, // 关键:启用WebSocket代理 rewrite: (path) => path.replace(/^\/websocket/, '') // 可选的路径重写 }, '/sh-api': { target: env.VITE_DEV_PATH, changeOrigin: true, rewrite: (p) => p.replace(/^\/sh-api/, '') }, '/gateway-api': { target: 'http://localhost:8081', changeOrigin: true, rewrite: (p) => p.replace(/^\/gateway-api/, '') }, // '/service_api': { // target: 'http://localhost:8081', // changeOrigin: true, // rewrite: (p) => p.replace(/^\/service_api/, '') // } // [env.VITE_APP_BASE_API]: { // target: env.VITE_DEV_PATH, // changeOrigin: true, // pathRewrite: { // ['^' + env.VITE_APP_BASE_API]: '' // } // } } }, //fix:error:stdin>:7356:1: warning: "@charset" must be the first rule in the file css: { postcss: { plugins: [ { postcssPlugin: 'internal:charset-removal', AtRule: { charset: (atRule) => { if (atRule.name === 'charset') { atRule.remove(); } } } } ] } } } })