From 32116b736315e42b8f4d7870e61c2e5f72d95a35 Mon Sep 17 00:00:00 2001
From: chenxing <chenxing@bestsch.com>
Date: Thu, 17 Sep 2026 01:46:58 +0800
Subject: [PATCH] =?UTF-8?q?fix(ui):=20=E8=AF=A6=E6=83=85=E9=A1=B5=E5=86=85?=
 =?UTF-8?q?=E5=B5=8C=E6=B5=81=E7=A8=8B=E5=9B=BE=20img=20=E8=A1=A5=20servic?=
 =?UTF-8?q?eHost=20=E5=89=8D=E7=BC=80=EF=BC=88/{ctx}/front/=20=E5=AD=90?=
 =?UTF-8?q?=E8=B7=AF=E5=BE=84=E9=83=A8=E7=BD=B2=E8=A3=B8=20/api=20404?=
 =?UTF-8?q?=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/flow/InstanceDetail.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/views/flow/InstanceDetail.vue b/src/views/flow/InstanceDetail.vue
index 7239a1b..19ed486 100644
--- a/src/views/flow/InstanceDetail.vue
+++ b/src/views/flow/InstanceDetail.vue
@@ -3,6 +3,7 @@
 import { ref, computed, onMounted } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import { flowApi, INSTANCE_STATUS } from "@/api/module/flow";
+import config from "@/assets/config/host.config";
 
 const route = useRoute();
 const router = useRouter();
@@ -53,8 +54,12 @@ const branchText = computed(() => {
     return `${arrived}/${branches.length} 分支已到达汇聚点`;
 });
 
-/** 流程示意图图片直嵌（2026-09-16 "CAS 验证码式"：后端 /diagram.png 返回 PNG 流，img 直显） */
-const diagramSrc = computed(() => `/api/flow/diagram.png?instanceId=${route.params.instanceId}`);
+/** 流程示意图图片直嵌（2026-09-16 "CAS 验证码式"：后端 /diagram.png 返回 PNG 流，img 直显）。
+ *  img 不走 alova（无 baseUrl 拼接），须显式带 serviceHost——/{ctx}/front/ 子路径部署下
+ *  裸 /api 会落到网关根导致 404。 */
+const diagramSrc = computed(
+    () => `${config.serviceHost}/api/flow/diagram.png?instanceId=${route.params.instanceId}`,
+);
 
 function statusName(s: number) {
     return INSTANCE_STATUS[s] || s;