26d10a3322
- 修改hosts文件配置，添加测试域名映射 - 前端API地址改为 api.yourdomain.com:8080 - 后端服务绑定到 api.yourdomain.com:8080 - 前端开发服务器使用 test.yourdomain.com:5173 - 添加自动配置脚本和启动脚本 - 提供完整的域名配置指南和故障排除说明 - 支持更真实的开发环境模拟
46 lines
1.3 KiB
JavaScript
46 lines
1.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')
|
|
}
|
|
},
|
|
server: {
|
|
port: 5173,
|
|
host: 'test.yourdomain.com',
|
|
proxy: {
|
|
'/api': {
|
|
target: 'http://api.yourdomain.com:8080',
|
|
changeOrigin: true,
|
|
secure: false,
|
|
// 确保后端返回的 Set-Cookie 可被前端域接收与发送
|
|
cookieDomainRewrite: 'test.yourdomain.com',
|
|
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: 'assets'
|
|
}
|
|
})
|