From 1714ff19f539fa6a2ea48bf0cb4fda9cfd9b7f68 Mon Sep 17 00:00:00 2001
From: lianlonggang <lianlonggang@qq.com>
Date: Fri, 12 Sep 2025 17:33:07 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BD=BF=E7=94=A8DOCKER=E7=8E=AF=E5=A2=83?=
 =?UTF-8?q?=E5=8F=98=E9=87=8F=E6=9B=BF=E6=8D=A2=E7=BD=91=E5=85=B3=E9=93=BE?=
 =?UTF-8?q?=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.production  |  9 ---------
 Dockerfile       | 13 ++++++++++++-
 entrypoint.sh    |  9 +++++++++
 index.html       |  5 ++++-
 package.json     |  2 ++
 src/utils/env.ts | 38 ++++++++++++++++++++++++++++++++------
 6 files changed, 59 insertions(+), 17 deletions(-)
 create mode 100644 entrypoint.sh

diff --git a/.env.production b/.env.production
index d9d4379..d6f909b 100644
--- a/.env.production
+++ b/.env.production
@@ -1,12 +1,3 @@
 
 #后台地址
 VITE_GLOB_API_URL=https://api.xjygjk.com
-#健康监测工具报警-websocket
-VITE_GLOB_API_YIN_JI=wss://api.xjygjk.com/health-watch/websocket/watchMonitor
-#应急求助-websocket
-VITE_GLOB_API_JIAN_CE=wss://api.xjygjk.com/health-emergency/websocket/emergency
-
-#西安云坐席
-VITE_GLOB_API_XIAN_YUN=wss://api.xjygjk.com/health-emergency/websocket/emergency3
-#银川云坐席
-VITE_GLOB_API_YIN_CHUAN=wss://api.xjygjk.com/health-emergency/websocket/emergency4
\ No newline at end of file
diff --git a/Dockerfile b/Dockerfile
index 36018e4..703afe3 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -2,6 +2,9 @@ FROM nginx
 MAINTAINER jeecgos@163.com
 VOLUME /tmp
 ENV LANG en_US.UTF-8
+
+ENV VITE_GLOB_API_URL https://api.xjygjk.com
+
 RUN echo "server {  \
                   #解决Router(mode: 'history')模式下，刷新路由地址不能找到页面的问题 \
                   location / { \
@@ -18,4 +21,12 @@ RUN echo "server {  \
     &&  mkdir -p /var/www/html
 
 ADD dist/ /var/www/html/
-EXPOSE 3101
+
+# 👇 新增：复制启动脚本（用于运行时替换环境变量）
+COPY entrypoint.sh /entrypoint.sh
+RUN chmod +x /entrypoint.sh
+
+# 使用脚本作为入口点
+ENTRYPOINT ["/entrypoint.sh"]
+
+EXPOSE 80
diff --git a/entrypoint.sh b/entrypoint.sh
new file mode 100644
index 0000000..2514ee0
--- /dev/null
+++ b/entrypoint.sh
@@ -0,0 +1,9 @@
+#!/bin/sh
+
+# 设置默认值（构建时 .env 不生效时兜底）
+: ${VITE_GLOB_API_URL:=https://api.xjygjk.com}
+
+# 替换 index.html 中的占位符
+sed -i "s@__VITE_GLOB_API_URL__@$VITE_GLOB_API_URL@g" /var/www/html/index.html
+
+exec nginx -g 'daemon off;'
\ No newline at end of file
diff --git a/index.html b/index.html
index 742dbf3..37395f8 100644
--- a/index.html
+++ b/index.html
@@ -7,7 +7,10 @@
     <title>应急就医服务中心</title>
     <!-- 全局配置 -->
     <script>
-        window._CONFIG = {};
+        // 默认值（可选）
+        window.__APP_ENV__ = {
+            VITE_GLOB_API_URL: '__VITE_GLOB_API_URL__', // 占位符，Docker 替换
+        };
         window._AMapSecurityConfig = {
             securityJsCode: "1b3b86585c863d22db1e7f7636a9e495",
         }
diff --git a/package.json b/package.json
index b86c039..270d747 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "@turf/turf": "^6.5.0",
     "autoprefixer": "^10.4.16",
     "axios": "^1.6.2",
+    "cnpm": "^9.4.0",
     "dayjs": "^1.11.10",
     "echarts": "5.4.3",
     "echarts-gl": "^2.0.9",
@@ -32,6 +33,7 @@
     "postcss-px2rem": "^0.3.0",
     "prettier": "^3.1.0",
     "qs": "^6.11.2",
+    "vite": "^7.0.5",
     "vue-router": "^4.2.5",
     "vue3-seamless-scroll": "^2.0.1"
   },
diff --git a/src/utils/env.ts b/src/utils/env.ts
index b793abb..43fea4d 100644
--- a/src/utils/env.ts
+++ b/src/utils/env.ts
@@ -1,11 +1,37 @@
+// export function getAppEnvConfig() {
+//     const ENV = import.meta.env;
+//     const { VITE_GLOB_API_URL, VITE_GLOB_API_YIN_JI, VITE_GLOB_API_JIAN_CE, VITE_GLOB_API_XIAN_YUN, VITE_GLOB_API_YIN_CHUAN } = ENV;
+//     return {
+//         VITE_GLOB_API_URL,
+//         VITE_GLOB_API_YIN_JI,
+//         VITE_GLOB_API_JIAN_CE,
+//         VITE_GLOB_API_XIAN_YUN,
+//         VITE_GLOB_API_YIN_CHUAN,
+//     };
+// }
+
 export function getAppEnvConfig() {
-    const ENV = import.meta.env;
-    const { VITE_GLOB_API_URL, VITE_GLOB_API_YIN_JI, VITE_GLOB_API_JIAN_CE, VITE_GLOB_API_XIAN_YUN, VITE_GLOB_API_YIN_CHUAN } = ENV;
+    // 1. 优先：运行时注入（Docker）
+    const runtimeEnv = (window as any).__APP_ENV__;
+
+    // 2. 其次：构建时环境变量（.env 文件）
+    const buildEnv = import.meta.env;
+
+    // 3. 获取 VITE_GLOB_API_URL：运行时 > 构建时 > 默认值
+    const VITE_GLOB_API_URL = runtimeEnv?.VITE_GLOB_API_URL || buildEnv.VITE_GLOB_API_URL || 'https://api.xjygjk.com'; // 默认兜底
+
+    // 解析主机名和协议
+    const url = new URL(VITE_GLOB_API_URL);
+    const host = url.hostname;
+    const protocol = url.protocol === 'https:' ? 'wss://' : 'ws://';
+
     return {
         VITE_GLOB_API_URL,
-        VITE_GLOB_API_YIN_JI,
-        VITE_GLOB_API_JIAN_CE,
-        VITE_GLOB_API_XIAN_YUN,
-        VITE_GLOB_API_YIN_CHUAN,
+
+        // WebSocket 地址基于 VITE_GLOB_API_URL 动态生成
+        VITE_GLOB_API_YIN_JI: `${protocol}${host}/health-watch/websocket/watchMonitor`,
+        VITE_GLOB_API_JIAN_CE: `${protocol}${host}/health-emergency/websocket/emergency`,
+        VITE_GLOB_API_XIAN_YUN: `${protocol}${host}/health-emergency/websocket/emergency3`,
+        VITE_GLOB_API_YIN_CHUAN: `${protocol}${host}/health-emergency/websocket/emergency4`,
     };
 }