sobey-monitor-sdk 1.1.18 → 1.1.19

package/dist/index.umd.js

@@ -429,7 +429,7 @@
         });
     }
 
-    var version = "1.1.17";
+    var version = "1.1.19";
 
     /**
      * 数据上报管理
@@ -861,6 +861,27 @@
         console.log(`[Monitor] HTTP status ${status} shouldReport: ${shouldReport}, configured codes:`, httpErrorStatusCodes);
         return shouldReport;
     }
+    /**
+     * 根据错误类型判断是否应该上报网络类错误（status = 0）
+     * @param errorType 错误类型：'timeout' | 'abort' | 'network'
+     * @returns 是否应该上报
+     */
+    function shouldReportNetworkTypeError(errorType) {
+        if (!config.isInitialized()) {
+            return false;
+        }
+        const cfg = config.get();
+        const errorConfig = cfg.error;
+        switch (errorType) {
+            case 'timeout':
+                return errorConfig?.reportTimeoutError === true;
+            case 'abort':
+                return errorConfig?.reportAbortError === true;
+            case 'network':
+            default:
+                return errorConfig?.reportNetworkError === true;
+        }
+    }
     /**
      * 获取嵌套对象的字段值
      * @param obj 对象
@@ -979,7 +1000,20 @@
             if (monitorData) {
                 monitorData.startTime = Date.now();
                 monitorData.requestBody = typeof body === 'string' ? body : undefined;
+                monitorData.errorType = undefined; // 初始化错误类型
             }
+            // 监听超时事件
+            this.addEventListener('timeout', function () {
+                if (monitorData) {
+                    monitorData.errorType = 'timeout';
+                }
+            });
+            // 监听取消事件
+            this.addEventListener('abort', function () {
+                if (monitorData) {
+                    monitorData.errorType = 'abort';
+                }
+            });
             this.addEventListener('loadend', function () {
                 if (!monitorData)
                     return;
@@ -993,6 +1027,11 @@
                 // 其他异常情况（0-网络错误、4xx-客户端错误、5xx-服务端错误）根据配置控制
                 const isError = status === 0 || status < 200 || status >= 400;
                 const shouldRecord = isRedirect || recordMode === 'all' || (recordMode === 'error' && isError);
+                // 确定错误类型
+                let errorType;
+                if (status === 0) {
+                    errorType = monitorData.errorType || 'network';
+                }
                 if (shouldRecord) {
                     context.addBreadcrumb({
                         type: 'request',
@@ -1002,12 +1041,22 @@
                             url: monitorData.url,
                             status,
                             duration,
+                            errorType,
                         },
                     });
                 }
                 const responseBody = this.responseText?.substring(0, 1000);
-                // HTTP 错误（根据配置的状态码列表过滤）
-                if (shouldReportHttpError(status)) {
+                // HTTP 错误上报逻辑
+                let shouldReport = false;
+                if (status === 0) {
+                    // status=0 使用独立的网络错误配置
+                    shouldReport = shouldReportNetworkTypeError(errorType);
+                }
+                else {
+                    // 其他状态码使用 httpErrorStatusCodes 配置
+                    shouldReport = shouldReportHttpError(status);
+                }
+                if (shouldReport) {
                     reportHttpError({
                         method: monitorData.method,
                         url: monitorData.url,
@@ -1015,6 +1064,7 @@
                         duration,
                         requestBody: monitorData.requestBody,
                         responseBody,
+                        errorType,
                     });
                 }
                 else if (status >= 200 && status < 300 && detectBusinessError(responseBody)) {
@@ -1107,6 +1157,22 @@
             }
             catch (error) {
                 const duration = Date.now() - startTime;
+                const err = error;
+                // 判断错误类型
+                // AbortError 表示请求被取消（可能是手动取消或超时）
+                // 注意：fetch 的超时通常也是通过 AbortController 实现的，所以无法区分超时和手动取消
+                // 这里将 AbortError 统一标记为 'abort'，如果需要区分超时，建议使用 XHR 或检查 error.message
+                let errorType = 'network';
+                if (err.name === 'AbortError') {
+                    // 尝试通过错误消息区分超时和取消
+                    // 一些超时实现会在 message 中包含 'timeout'
+                    if (err.message?.toLowerCase().includes('timeout')) {
+                        errorType = 'timeout';
+                    }
+                    else {
+                        errorType = 'abort';
+                    }
+                }
                 // 网络错误时根据配置决定是否添加到面包屑
                 const cfg = config.isInitialized() ? config.get() : null;
                 const recordMode = cfg?.behavior?.recordRequestBreadcrumb || 'error';
@@ -1120,18 +1186,20 @@
                             url,
                             status: 0,
                             duration,
-                            error: error.message,
+                            error: err.message,
+                            errorType,
                         },
                     });
                 }
-                // 网络错误也遵守 httpErrorStatusCodes 配置
-                if (shouldReportHttpError(0)) {
+                // 网络错误使用独立的配置项判断是否上报
+                if (shouldReportNetworkTypeError(errorType)) {
                     reportHttpError({
                         method,
                         url,
                         status: 0,
                         duration,
                         requestBody,
+                        errorType,
                     });
                 }
                 throw error;
@@ -1142,9 +1210,23 @@
      * 上报 HTTP 错误
      */
     function reportHttpError(httpInfo, isBusinessError = false) {
-        const message = isBusinessError
-            ? `Business Error ${httpInfo.method} ${httpInfo.url}`
-            : `HTTP ${httpInfo.status} ${httpInfo.method} ${httpInfo.url}`;
+        let message;
+        if (isBusinessError) {
+            message = `Business Error ${httpInfo.method} ${httpInfo.url}`;
+        }
+        else if (httpInfo.status === 0 && httpInfo.errorType) {
+            // 对于 status 0，显示具体的错误类型
+            const errorTypeLabels = {
+                'timeout': 'Timeout',
+                'abort': 'Aborted',
+                'network': 'Network Error',
+            };
+            const label = errorTypeLabels[httpInfo.errorType] || 'Network Error';
+            message = `HTTP ${label} ${httpInfo.method} ${httpInfo.url}`;
+        }
+        else {
+            message = `HTTP ${httpInfo.status} ${httpInfo.method} ${httpInfo.url}`;
+        }
         const errorData = {
             type: isBusinessError ? 'business_error' : 'http_error',
             message,