配置开发环境和生产环境的地址

.env.development

@@ -0,0 +1,3 @@
+# 必须要以VUE_APP_打头，不然识别不了
+VUE_APP_HTTP_BASE_URL=/api
+VUE_APP_WS_URL=ws://localhost:3000

.env.production

@@ -0,0 +1,2 @@
+VUE_APP_HTTP_BASE_URL=http://localhost:3000/api
+VUE_APP_WS_URL=ws://localhost:3000

DESIGN.md

@@ -189,7 +189,7 @@ HTTP 401 会清理认证状态并导航至登录页。用户主动退出会先
 
 以下内容是根据当前代码观察到的限制，供后续迭代使用，并非已实现功能：
 
-1. **运行配置集中化**：HTTP base URL 与 WebSocket 地址目前分散/硬编码，应按开发、测试、生产环境配置，减少部署时遗漏。
+1. **运行配置集中化**：HTTP base URL 与 WebSocket 地址目前分散/硬编码，应按开发、测试、生产环境配置，减少部署时遗漏。（已解决）
 2. **认证状态持久性**：token 会持久化，但 username 不持久化；刷新后需由用户信息接口恢复展示状态。还应评估 localStorage 对 token 的安全取舍及 token 过期刷新方案。
 3. **WebSocket 健壮性**：当前没有断线重连、心跳、待发送队列或连接状态 UI；发送前应明确连接不可用的反馈，并评估 ACK 超时及重复消息处理。
 4. **会话切换与分页状态**：`loadEnd` 等分页标志需要在联系人切换时明确重置；异步消息请求也应避免旧联系人响应覆盖新联系人视图。

src/utils/config.js

@@ -0,0 +1,2 @@
+export const HTTP_BASE_URL = process.env.VUE_APP_HTTP_BASE_URL;
+export const WS_URL = process.env.VUE_APP_WS_URL;

src/utils/request.js

@@ -1,6 +1,7 @@
 import axios from 'axios';
 import store from '../store';
 import router from '../router';
+import { HTTP_BASE_URL } from "./config"
 
 let redirectingToLogin = false;
 
@@ -25,8 +26,7 @@ function redirectToLogin() {
 
 // 配置请求
 const request = axios.create({
-  // baseURL: process.env.REACT_APP_API_BASE_URL,
-  baseURL: "/api",
+  baseURL: HTTP_BASE_URL,
   timeout: 10000,
 });
 

src/utils/websocket.js

@@ -1,7 +1,6 @@
-let ws = null;
+import { WS_URL } from "./config";
 
-// WebSocket连接地址
-const WS_URL = "ws://localhost:3000";
+let ws = null;
 
 // 建立WebSocket连接
 export function connectWebSocket(token, onMessage, onOpen, onClose, onError) {