From 8919d4debb5f4b6f6a86270951045ab48a638de7 Mon Sep 17 00:00:00 2001
From: LIghtJUNction <lightjunction.me@gmail.com>
Date: Sun, 29 Mar 2026 23:17:57 +0800
Subject: [PATCH] fix(dashboard): TraceDisplayer - use resolveApiUrl instead of
 manual VITE_API_BASE concat to avoid /api/api double prefix

---
 dashboard/src/components/shared/TraceDisplayer.vue | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/dashboard/src/components/shared/TraceDisplayer.vue b/dashboard/src/components/shared/TraceDisplayer.vue
index 62c57ef47..734d330a6 100644
--- a/dashboard/src/components/shared/TraceDisplayer.vue
+++ b/dashboard/src/components/shared/TraceDisplayer.vue
@@ -1,6 +1,7 @@
 <script setup>
 import axios from 'axios';
 import { EventSourcePolyfill } from 'event-source-polyfill';
+import { resolveApiUrl } from "@/utils/request";
 </script>
 
 <template>
@@ -65,6 +66,8 @@ import { EventSourcePolyfill } from 'event-source-polyfill';
 </template>
 
 <script>
+import { resolveApiUrl } from "@/utils/request";
+
 export default {
   name: 'TraceDisplayer',
   props: {
@@ -139,12 +142,11 @@ export default {
 
       const token = localStorage.getItem('token');
 
-      this.eventSource = new EventSourcePolyfill('/api/live-log', {
+      this.eventSource = new EventSourcePolyfill(resolveApiUrl("/api/live-log"), {
         headers: {
           Authorization: token ? `Bearer ${token}` : ''
         },
-        heartbeatTimeout: 300000,
-        withCredentials: true
+        heartbeatTimeout: 300000
       });
 
       this.eventSource.onopen = () => {
@@ -374,7 +376,7 @@ export default {
 
 .trace-header {
   font-weight: 600;
-  color: #6b7280;
+  color: #e2e2e7;
   border-bottom: 1px solid rgba(15, 23, 42, 0.12);
   padding-bottom: 10px;
 }
@@ -432,7 +434,7 @@ export default {
 .trace-empty {
   padding: 24px;
   text-align: center;
-  color: #6b7280;
+  color: #e2e2e7;
 }
 
 @media (max-width: 1200px) {