diff --git a/src/bytedesk-integration/config/bytedesk.config.js b/src/bytedesk-integration/config/bytedesk.config.js index 125347af..4d674005 100644 --- a/src/bytedesk-integration/config/bytedesk.config.js +++ b/src/bytedesk-integration/config/bytedesk.config.js @@ -1,15 +1,20 @@ /** * Bytedesk客服配置文件 - * iframe 直接指向 43.143.189.195 服务器(不经过代理) + * 通过代理访问 Bytedesk 服务器(解决 HTTPS 混合内容问题) * * 环境变量配置(.env文件): * REACT_APP_BYTEDESK_ORG=df_org_uid * REACT_APP_BYTEDESK_SID=df_wg_uid * * 架构说明: - * - API 请求(如有):通过 /bytedesk-api/ 代理 - * - iframe 聊天窗口:直接访问 http://43.143.189.195/chat/ - * - iframe 内部资源:相对于 43.143.189.195 解析,无需前端 Nginx 配置 /chat/ 代理 + * - iframe 使用完整域名:https://valuefrontier.cn/bytedesk-api/chat/ + * - 使用 HTTPS 协议,解决生产环境 Mixed Content 错误 + * - 本地:CRACO 代理到 valuefrontier.cn/bytedesk-api/ + * - 生产:前端 Nginx 代理到 valuefrontier.cn/bytedesk-api/ + * - 后端:Nginx 转发到 43.143.189.195 + * - baseUrl 保持官方 CDN(用于加载 SDK 外部模块) + * + * ⚠️ 注意:需要前端 Nginx 配置 /chat/ 和 /config/ 代理规则 */ // 从环境变量读取配置 @@ -22,9 +27,9 @@ const BYTEDESK_SID = process.env.REACT_APP_BYTEDESK_SID || 'df_wg_uid'; export const bytedeskConfig = { // API服务地址(如果 SDK 需要调用 API) apiUrl: '/bytedesk-api/', - // 聊天页面地址(直接指向 Bytedesk 服务器,不经过代理) - htmlUrl: 'http://43.143.189.195/chat/', - // SDK 资源基础路径(iframe 内部资源会相对于此域名加载) + // 聊天页面地址(使用完整 HTTPS 域名,解决混合内容问题) + htmlUrl: 'https://valuefrontier.cn/bytedesk-api/chat/', + // SDK 资源基础路径(保持 Bytedesk 官方 CDN,用于加载外部模块) baseUrl: 'https://www.weiyuai.cn', // 客服图标位置