zdl
|
d4c731730f
|
fix: 修复 Mock 模式下 webpack proxy 配置和优化构建配置
问题：
1. Mock 模式下 webpack devServer proxy 在服务器层转发请求，导致 MSW 无法拦截
2. Chakra UI 和 Ant Design 的 cacheGroups priority 相同（22），可能导致分割冲突
3. maxSize 限制 244KB 过小，导致中型库过度分割
4. 缺少 Mock 模式调试日志
修复：
1. 添加 isMockMode() 工具函数（与 apiConfig.js 保持一致）
2. Mock 模式下禁用 proxy，让 MSW 在浏览器层拦截请求
3. 添加 onListening 钩子打印 Mock 模式和 Proxy 状态
4. 修复 Chakra UI priority: 22 → 23（避免与 Ant Design 冲突）
5. 优化 maxSize: 244KB → 512KB（与 performance.maxAssetSize 一致）
效果：
- Mock 模式：proxy 禁用 → MSW 拦截 → 返回 mock 数据 ✅
- 真实后端：proxy 启用 → 转发到后端服务器 ✅
- 减少过度分割，降低 HTTP 请求数，提升加载性能
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
|
2025-11-05 13:12:51 +08:00 |
|