fix(usage): 请求详情默认选中轻量 tab,避免自动加载大 body

首次打开请求详情时优先选择 request-headers / response-headers / metadata
等轻量 tab,而非直接落到 body tab 触发按需加载。
This commit is contained in:
fawney19
2026-03-06 18:19:57 +08:00
parent a7088ee538
commit 7950ba7dc5

View File

@@ -1375,12 +1375,18 @@ async function loadDetail(id: string, silent = false) {
}
bodiesLoadedForRequestId.value = sameRequest ? bodiesLoadedForRequestId.value : null
// 首次加载时选择默认 tab
// 首次加载时优先停留在轻量 tab避免默认触发大 body 加载
if (!silent) {
const visibleTabNames = visibleTabs.value.map(t => t.name)
if (hasRequestBodyAvailable.value && visibleTabNames.includes('request-body')) {
if (visibleTabNames.includes('request-headers')) {
activeTab.value = 'request-headers'
} else if (visibleTabNames.includes('response-headers')) {
activeTab.value = 'response-headers'
} else if (visibleTabNames.includes('metadata')) {
activeTab.value = 'metadata'
} else if (visibleTabNames.includes('request-body')) {
activeTab.value = 'request-body'
} else if (hasResponseBodyAvailable.value && visibleTabNames.includes('response-body')) {
} else if (visibleTabNames.includes('response-body')) {
activeTab.value = 'response-body'
} else if (visibleTabNames.length > 0) {
activeTab.value = visibleTabNames[0]