From c9084ebb33b823507008f1c6c40980e44ea44049 Mon Sep 17 00:00:00 2001
From: zdl <3489966805@qq.com>
Date: Fri, 21 Nov 2025 18:22:18 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20Socket.IO=20=E8=BF=9E=E6=8E=A5=E5=9C=B0?=
 =?UTF-8?q?=E5=9D=80=EF=BC=88Mock=20=E6=A8=A1=E5=BC=8F=E4=B8=8B=E8=BF=9E?=
 =?UTF-8?q?=E6=8E=A5=E7=94=9F=E4=BA=A7=E7=8E=AF=E5=A2=83=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.mock                     | 4 ++++
 src/services/socketService.js | 5 ++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/.env.mock b/.env.mock
index 6888e0d3..9f23c071 100644
--- a/.env.mock
+++ b/.env.mock
@@ -29,6 +29,10 @@ NODE_OPTIONS=--max_old_space_size=4096
 # MSW 会在浏览器层拦截这些请求，不需要真实的后端地址
 REACT_APP_API_URL=
 
+# Socket.IO 连接地址（Mock 模式下连接生产环境）
+# 注意：WebSocket 不被 MSW 拦截，可以独立配置
+REACT_APP_SOCKET_URL=https://valuefrontier.cn
+
 # 启用 Mock 数据（核心配置）
 # 此配置会触发 src/index.js 中的 MSW 初始化
 REACT_APP_ENABLE_MOCK=true
diff --git a/src/services/socketService.js b/src/services/socketService.js
index 2e8d22cb..874c4b96 100644
--- a/src/services/socketService.js
+++ b/src/services/socketService.js
@@ -7,7 +7,10 @@ import { io } from 'socket.io-client';
 import { logger } from '../utils/logger';
 import { getApiBase } from '../utils/apiConfig';
 
-const API_BASE_URL = getApiBase();
+// 优先使用 REACT_APP_SOCKET_URL（专门为 Socket.IO 配置）
+// 如果未配置，则使用 getApiBase()（与 HTTP API 共用地址）
+// Mock 模式下可以通过 .env.mock 配置 REACT_APP_SOCKET_URL=https://valuefrontier.cn 连接生产环境
+const API_BASE_URL = process.env.REACT_APP_SOCKET_URL || getApiBase();
 
 class SocketService {
     constructor() {