fix(bytedesk): 修复路径配置,统一使用 /bytedesk/ 前缀
修复 Bytedesk 客服系统路径不匹配问题,统一前端、CRACO 和 Nginx 配置。
## 问题
- 前端配置使用 `/bytedesk-api/` 路径
- 生产 Nginx 配置使用 `/bytedesk/` 路径
- 路径不匹配导致请求 404 或被 React Router 拦截
## 解决方案
统一使用 `/bytedesk/` 路径前缀,避免 React Router 冲突
## 代码变更
### src/bytedesk-integration/config/bytedesk.config.js
- `htmlUrl`: `/bytedesk-api/chat/` → `/bytedesk/chat/`
- `apiUrl`: `/bytedesk-api/` → `/bytedesk/`
- 更新配置注释,说明代理架构
### craco.config.js
- 代理前缀:`/bytedesk-api` → `/bytedesk`
- 删除冗余代理:`/chat` 和 `/config`(Nginx 统一处理)
- 简化配置,减少代理规则数量
## 请求链路
```
浏览器 → /bytedesk/chat/
↓
CRACO/Nginx → location /bytedesk/ {}
↓
代理转发 → http://43.143.189.195/chat/
↓
✅ Bytedesk 聊天窗口
```
## 优势
- ✅ 前端、CRACO、Nginx 路径统一
- ✅ 避免 React Router 冲突
- ✅ 简化代理配置
- ✅ 无需修改服务器 Nginx
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -263,27 +263,13 @@ module.exports = {
|
||||
logLevel: 'debug',
|
||||
pathRewrite: { '^/concept-api': '' },
|
||||
},
|
||||
'/bytedesk-api': {
|
||||
'/bytedesk': {
|
||||
target: 'https://valuefrontier.cn', // 统一使用生产环境 Nginx 代理
|
||||
changeOrigin: true,
|
||||
secure: false, // 开发环境禁用 HTTPS 严格验证
|
||||
logLevel: 'debug',
|
||||
ws: true, // 支持 WebSocket
|
||||
// 不使用 pathRewrite,保留 /bytedesk-api 前缀,让生产 Nginx 处理
|
||||
},
|
||||
'/chat': {
|
||||
target: 'https://valuefrontier.cn/bytedesk-api', // Bytedesk iframe 内部的资源(SDK、CSS等)
|
||||
changeOrigin: true,
|
||||
secure: false, // 开发环境禁用 HTTPS 严格验证
|
||||
logLevel: 'debug',
|
||||
// 保留 /chat 路径
|
||||
},
|
||||
'/config': {
|
||||
target: 'https://valuefrontier.cn/bytedesk-api', // Bytedesk 配置接口
|
||||
changeOrigin: true,
|
||||
secure: false, // 开发环境禁用 HTTPS 严格验证
|
||||
logLevel: 'debug',
|
||||
// 保留 /config 路径
|
||||
// 不使用 pathRewrite,保留 /bytedesk 前缀,让生产 Nginx 处理
|
||||
},
|
||||
},
|
||||
}),
|
||||
|
||||
Reference in New Issue
Block a user