78 lines
2.3 KiB
JavaScript
78 lines
2.3 KiB
JavaScript
import { defineConfig } from 'vite'
|
||
import vue from '@vitejs/plugin-vue'
|
||
import { resolve } from 'path'
|
||
|
||
export default defineConfig({
|
||
plugins: [vue()],
|
||
resolve: {
|
||
alias: {
|
||
'@': resolve(__dirname, 'src')
|
||
}
|
||
},
|
||
// 生产/开发环境配置
|
||
base: process.env.NODE_ENV === 'production' ? '/' : '/',
|
||
|
||
// 开发服务器配置
|
||
server: {
|
||
port: 8081,
|
||
host: '0.0.0.0', // 允许外部访问
|
||
allowedHosts: true, // 允许所有主机访问
|
||
proxy: {
|
||
'/api': {
|
||
// 开发时代理到本地后端（统一为 localhost:8080）
|
||
target: process.env.VITE_APP_API_URL || 'http://localhost:8080',
|
||
changeOrigin: true,
|
||
secure: false,
|
||
// 后端服务器路径已经包含 /api，所以不需要 rewrite
|
||
// 前端请求 /api/xxx 会转发到 http://localhost:8080/api/xxx
|
||
// 调试时将 cookie 域改写为 localhost
|
||
cookieDomainRewrite: 'localhost',
|
||
cookiePathRewrite: '/',
|
||
configure: (proxy, _options) => {
|
||
proxy.on('error', (err, _req, _res) => {
|
||
console.log('proxy error', err);
|
||
});
|
||
proxy.on('proxyReq', (proxyReq, req, _res) => {
|
||
console.log('Sending Request to the Target:', req.method, req.url);
|
||
});
|
||
proxy.on('proxyRes', (proxyRes, req, _res) => {
|
||
console.log('Received Response from the Target:', proxyRes.statusCode, req.url);
|
||
const setCookie = proxyRes.headers['set-cookie'];
|
||
if (setCookie) {
|
||
console.log('Proxy Set-Cookie:', setCookie);
|
||
}
|
||
});
|
||
}
|
||
}
|
||
}
|
||
},
|
||
|
||
// 生产环境构建配置
|
||
build: {
|
||
outDir: 'dist',
|
||
assetsDir: 'static',
|
||
// 代码分割优化
|
||
rollupOptions: {
|
||
output: {
|
||
manualChunks: {
|
||
'vue-vendor': ['vue', 'vue-router', 'pinia'],
|
||
'element-plus': ['element-plus', '@element-plus/icons-vue'],
|
||
'utils': ['axios']
|
||
}
|
||
}
|
||
},
|
||
// 生产环境移除 console
|
||
// 注意：如果使用 terser，需要安装: npm install -D terser
|
||
// 暂时使用 esbuild（默认，更快）
|
||
minify: 'esbuild',
|
||
// terserOptions: {
|
||
// compress: {
|
||
// drop_console: true,
|
||
// drop_debugger: true
|
||
// }
|
||
// },
|
||
// 块大小警告限制
|
||
chunkSizeWarningLimit: 1000
|
||
}
|
||
})
|