sobey-monitor-sdk 1.1.18 → 1.1.19

package/dist/index.d.ts

@@ -110,6 +110,21 @@ interface ErrorMonitorConfig {
      * 例如: [404, 500, 502, 503, 504]
      */
     httpErrorStatusCodes?: number[];
+    /**
+     * 是否上报网络错误（请求失败，无法连接到服务器）
+     * 默认值: false
+     */
+    reportNetworkError?: boolean;
+    /**
+     * 是否上报请求超时错误
+     * 默认值: false
+     */
+    reportTimeoutError?: boolean;
+    /**
+     * 是否上报请求取消错误（用户主动取消或页面切换导致的取消）
+     * 默认值: false
+     */
+    reportAbortError?: boolean;
 }
 /**
  * 性能监控配置
@@ -217,6 +232,13 @@ interface HttpInfo {
     requestBody?: string;
     /** 响应体 */
     responseBody?: string;
+    /**
+     * 错误类型（当 status 为 0 时）
+     * - 'timeout': 请求超时
+     * - 'abort': 请求被取消
+     * - 'network': 网络错误
+     */
+    errorType?: 'timeout' | 'abort' | 'network';
 }
 /**
  * 性能数据

package/dist/index.esm.js

@@ -423,7 +423,7 @@ if (typeof window !== 'undefined') {
     });
 }
 
-var version = "1.1.17";
+var version = "1.1.19";
 
 /**
  * 数据上报管理
@@ -855,6 +855,27 @@ function shouldReportHttpError(status) {
     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 对象
@@ -973,7 +994,20 @@ function interceptXHR() {
         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;
@@ -987,6 +1021,11 @@ function interceptXHR() {
             // 其他异常情况（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',
@@ -996,12 +1035,22 @@ function interceptXHR() {
                         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,
@@ -1009,6 +1058,7 @@ function interceptXHR() {
                     duration,
                     requestBody: monitorData.requestBody,
                     responseBody,
+                    errorType,
                 });
             }
             else if (status >= 200 && status < 300 && detectBusinessError(responseBody)) {
@@ -1101,6 +1151,22 @@ function interceptFetch() {
         }
         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';
@@ -1114,18 +1180,20 @@ function interceptFetch() {
                         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;
@@ -1136,9 +1204,23 @@ function interceptFetch() {
  * 上报 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,