whistle.mockbubu 2.2.0-beta.2 → 2.2.0-beta.3

package/lib/core/server-entry/capture-handler.js

@@ -78,6 +78,12 @@ async function captureResponse(params) {
           return
         }
 
+        const resContentType = svrRes.headers['content-type'] || ''
+        if (!resContentType.includes('application/json')) {
+          console.log(`[mockbubu] ⏭️  非 JSON 响应，跳过捕获: ${filename} (Content-Type: ${resContentType})`)
+          return
+        }
+
         console.log(`[mockbubu 2025/12/8 ${new Date().toLocaleTimeString()}] 📦 响应接收完成，开始解压: ${filename}`)
         // 解压响应体
         const content = await handleBuffer2String({ body, encoding })

package/lib/utils/utils.js

@@ -370,6 +370,7 @@ const getRule = (originalReq) => {
 const isJsonReq = (headers) => {
   const result = (
     (headers.accept && headers.accept.includes('application/json')) ||
+    headers.accept === '*/*' ||
     headers['sec-fetch-dest'] === 'empty' ||
     headers['Sec-Fetch-Dest'] === 'empty'
   )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "whistle.mockbubu",
-  "version": "2.2.0-beta.2",
+  "version": "2.2.0-beta.3",
   "description": "mock response data",
   "scripts": {
     "lint": "eslint . --ext .js",

package/public/js/app.js

@@ -243,6 +243,36 @@ const __default__ = {
 
     // 是否已加载已保存文件
     let savedFilesLoaded = false;
+
+    /**
+     * 从 session 中提取 URL 查询参数
+     *
+     * x-whistle-full-url 是 Whistle 内部 header，只在 originalReq 阶段可靠。
+     * getSession() 返回的 session.req.headers 可能已被剥离该字段，
+     * 因此先尝试 x-whistle-full-url，不存在时 fallback 到 session.url（Whistle session 顶层字段，含完整 query string）。
+     */
+    const extractQueryFromSession = session => {
+      const fullUrlEncoded = session?.req?.headers?.['x-whistle-full-url'];
+      if (fullUrlEncoded) {
+        try {
+          const urlObj = new URL(decodeURIComponent(fullUrlEncoded));
+          return Object.fromEntries(urlObj.searchParams);
+        } catch (e) {
+          // 解析失败，继续 fallback
+        }
+      }
+      // Whistle session 顶层 url 字段包含完整 URL（含 query string）
+      const reqUrl = session?.url;
+      if (reqUrl) {
+        try {
+          const urlObj = new URL(reqUrl);
+          return Object.fromEntries(urlObj.searchParams);
+        } catch (e) {
+          // 解析失败，返回空对象
+        }
+      }
+      return {};
+    };
     const getRules = rules => {
       const {
         defaultRules,
@@ -384,17 +414,7 @@ const __default__ = {
             // 映射未保存数据的展示字段
             const newCachedItems = filteredData.map(item => {
               // 从 session 中提取 URL 查询参数
-              let query = {};
-              const fullUrlEncoded = item.session?.req?.headers?.['x-whistle-full-url'];
-              if (fullUrlEncoded) {
-                try {
-                  const fullUrl = decodeURIComponent(fullUrlEncoded);
-                  const urlObj = new URL(fullUrl);
-                  query = Object.fromEntries(urlObj.searchParams);
-                } catch (e) {
-                  // 静默处理URL解析错误
-                }
-              }
+              const query = extractQueryFromSession(item.session);
 
               // 从 session 中提取 payload (请求体)
               const payload = item.session?.req?.body || null;
@@ -515,17 +535,7 @@ const __default__ = {
             }
 
             // 从 session 提取 query 参数
-            let query = {};
-            const fullUrlEncoded = data.session?.req?.headers?.['x-whistle-full-url'];
-            if (fullUrlEncoded) {
-              try {
-                const fullUrl = decodeURIComponent(fullUrlEncoded);
-                const urlObj = new URL(fullUrl);
-                query = Object.fromEntries(urlObj.searchParams);
-              } catch (e) {
-                // 静默处理URL解析错误
-              }
-            }
+            const query = extractQueryFromSession(data.session);
 
             // 使用 Object.assign 更新 currentRow,保留引用
             Object.assign(currentRow.value, {
@@ -1271,12 +1281,13 @@ const __default__ = {
       }
     };
     (0,vue__WEBPACK_IMPORTED_MODULE_21__.watch)(currentRow, val => {
-      // 只对已保存的文件调用 getCurrentRowData
-      // 未保存的缓存数据已经包含完整 session,不需要再次获取
-      // 判断依据: 有 id 字段说明是已保存的文件,需要按需加载完整数据
       if (val && val.id) {
-        // 有 id 字段说明是已保存的文件,需要按需加载完整数据
+        // 已保存文件：按需加载完整数据（含 query/payload/headers）
         getCurrentRowData(val);
+      } else if (val && val.session) {
+        // 缓存数据：session 已在轮询时附带，但 query 可能在旧版本代码下提取失败
+        // 切换行时重新提取，确保展示正确
+        val.query = extractQueryFromSession(val.session);
       }
     });
     (0,vue__WEBPACK_IMPORTED_MODULE_21__.onMounted)(async () => {
@@ -1335,6 +1346,7 @@ const __default__ = {
       pollingStartTime,
       intervalId,
       savedFilesLoaded,
+      extractQueryFromSession,
       getRules,
       getInit,
       pageShow,