befly-admin 3.14.0 → 3.14.6

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "befly-admin",
-    "version": "3.14.0",
-    "gitHead": "ccc66d5da9c6b84f8346087adc1d24412ce65bec",
+    "version": "3.14.6",
+    "gitHead": "84b6e4e0adde7f566cfc890887b024ccf10b0516",
     "private": false,
     "description": "Befly Admin - 基于 Vue3 + TDesign Vue Next 的后台管理系统",
     "files": [
@@ -28,14 +28,14 @@
         "preview": "bunx --bun vite preview"
     },
     "dependencies": {
-        "befly-admin-ui": "1.8.27",
+        "befly-admin-ui": "^1.8.33",
         "befly-shared": "2.0.3",
-        "befly-vite": "^1.5.10",
+        "befly-vite": "^1.5.15",
         "pinia": "^3.0.4",
         "tdesign-icons-vue-next": "^0.4.0",
-        "tdesign-vue-next": "^1.18.3",
-        "vite": "^8.0.0-beta.16",
-        "vue": "^3.5.29",
+        "tdesign-vue-next": "^1.18.5",
+        "vite": "^8.0.0",
+        "vue": "^3.5.30",
         "vue-router": "^5.0.3"
     },
     "engines": {

package/src/main.js

@@ -14,4 +14,6 @@ app.use(createPinia());
 // 使用路由
 app.use($Router);
 
+setupErrorReport(app);
+
 app.mount("#app");

package/src/plugins/config.js

@@ -1,6 +1,11 @@
+import adminPackageInfo from "../../package.json";
+
 export const $Config = {
     appTitle: "野蜂飞舞",
     appDesc: "轻量级业务快速开发框架",
+    productName: "野蜂飞舞",
+    productCode: adminPackageInfo.name,
+    productVersion: adminPackageInfo.version,
     loginFootnote: "",
     tokenName: "befly-admin-token",
     loginPath: "/core/login",

package/src/plugins/errorReport.js

@@ -0,0 +1,250 @@
+let isReportingError = false;
+let lastErrorKey = "";
+let lastErrorTime = 0;
+let fetchWrapped = false;
+
+function getRouteInfo() {
+    const currentRoute = $Router.currentRoute.value || {};
+
+    return {
+        pagePath: String(currentRoute.fullPath || currentRoute.path || window.location.hash || window.location.pathname || ""),
+        pageName: String(currentRoute.name || currentRoute.meta?.title || currentRoute.path || document.title || "")
+    };
+}
+
+function getErrorMessage(error) {
+    if (typeof error === "string") {
+        return error;
+    }
+
+    if (error && typeof error.message === "string") {
+        return error.message;
+    }
+
+    return "未知错误";
+}
+
+function getErrorDetail(error) {
+    if (!error) {
+        return "";
+    }
+
+    if (typeof error === "string") {
+        return error;
+    }
+
+    if (typeof error.stack === "string" && error.stack) {
+        return error.stack;
+    }
+
+    try {
+        return JSON.stringify(error);
+    } catch {
+        return String(error);
+    }
+}
+
+function shouldSkipError(message, detail, errorType) {
+    const now = Date.now();
+    const key = `${errorType}|${message}|${detail}`;
+    if (key === lastErrorKey && now - lastErrorTime < 3000) {
+        return true;
+    }
+
+    lastErrorKey = key;
+    lastErrorTime = now;
+    return false;
+}
+
+export function reportClientError(errorType, message, detail) {
+    const safeMessage = String(message || "未知错误").slice(0, 500);
+    const safeDetail = String(detail || "").slice(0, 5000);
+    if (shouldSkipError(safeMessage, safeDetail, errorType)) {
+        return;
+    }
+
+    if (isReportingError) {
+        return;
+    }
+
+    const routeInfo = getRouteInfo();
+    isReportingError = true;
+
+    void $Http(
+        "/core/tongJi/errorReport",
+        {
+            pagePath: routeInfo.pagePath,
+            pageName: routeInfo.pageName,
+            source: "admin",
+            productName: $Config.productName,
+            productCode: $Config.productCode,
+            productVersion: $Config.productVersion,
+            errorType: String(errorType || "unknown"),
+            message: safeMessage,
+            detail: safeDetail
+        },
+        [""]
+    )
+        .catch(() => {
+            // 静默失败：避免错误上报再次制造错误
+        })
+        .finally(() => {
+            isReportingError = false;
+        });
+}
+
+function setupFetchErrorReport() {
+    if (fetchWrapped) {
+        return;
+    }
+
+    if (typeof window.fetch !== "function") {
+        return;
+    }
+
+    const originalFetch = window.fetch.bind(window);
+
+    window.fetch = async (...args) => {
+        const input = args[0];
+        const url = typeof input === "string" ? input : input && typeof input.url === "string" ? input.url : "";
+        const apiPath = String($Config.apiPath || "");
+        const isApiRequest = Boolean(apiPath) && String(url || "").startsWith(apiPath);
+        const isErrorReportRequest = String(url || "").includes("/core/tongJi/errorReport");
+
+        try {
+            const response = await originalFetch(...args);
+
+            if (isApiRequest && !isErrorReportRequest) {
+                if (!response.ok) {
+                    const parts = [];
+
+                    if (url) {
+                        parts.push(`url: ${url}`);
+                    }
+
+                    if (response.status) {
+                        parts.push(`status: ${response.status}`);
+                    }
+
+                    reportClientError("http", `请求失败：HTTP ${response.status}`, parts.join("\n"));
+                } else {
+                    try {
+                        const payload = await response.clone().json();
+
+                        if (payload?.code !== 0) {
+                            const parts = [];
+
+                            if (url) {
+                                parts.push(`url: ${url}`);
+                            }
+
+                            if (response.status) {
+                                parts.push(`status: ${response.status}`);
+                            }
+
+                            if (payload?.code !== undefined) {
+                                parts.push(`code: ${payload.code}`);
+                            }
+
+                            if (payload?.msg) {
+                                parts.push(`msg: ${payload.msg}`);
+                            }
+
+                            if (payload?.detail) {
+                                parts.push(`detail: ${payload.detail}`);
+                            }
+
+                            reportClientError("http", payload.msg || "请求失败", parts.join("\n"));
+                        }
+                    } catch {
+                        // 忽略非 JSON 响应
+                    }
+                }
+            }
+
+            return response;
+        } catch (error) {
+            if (isApiRequest && !isErrorReportRequest) {
+                const parts = [];
+
+                if (url) {
+                    parts.push(`url: ${url}`);
+                }
+
+                const errorDetail = getErrorDetail(error);
+                if (errorDetail) {
+                    parts.push(`detail: ${errorDetail}`);
+                }
+
+                reportClientError("http", getErrorMessage(error), parts.join("\n"));
+            }
+
+            throw error;
+        }
+    };
+
+    fetchWrapped = true;
+}
+
+export function setupErrorReport(app) {
+    setupFetchErrorReport();
+
+    app.config.errorHandler = (error, _instance, info) => {
+        const message = getErrorMessage(error);
+        const detail = `${String(info || "")}${info ? "\n" : ""}${getErrorDetail(error)}`;
+
+        reportClientError("vue", message, detail);
+    };
+
+    window.addEventListener(
+        "error",
+        (event) => {
+            const target = event.target;
+
+            if (target && target !== window) {
+                const resourceName = target.tagName ? `${String(target.tagName).toLowerCase()} 资源加载失败` : "资源加载失败";
+                const parts = [];
+
+                if (target?.tagName) {
+                    parts.push(`tag: ${String(target.tagName).toLowerCase()}`);
+                }
+
+                if (target?.src) {
+                    parts.push(`src: ${target.src}`);
+                }
+
+                if (target?.href) {
+                    parts.push(`href: ${target.href}`);
+                }
+
+                reportClientError("resource", resourceName, parts.join("\n"));
+                return;
+            }
+
+            const parts = [];
+            if (event.filename) {
+                parts.push(`file: ${event.filename}`);
+            }
+            if (event.lineno || event.colno) {
+                parts.push(`line: ${event.lineno || 0}, col: ${event.colno || 0}`);
+            }
+            const stack = getErrorDetail(event.error);
+            if (stack) {
+                parts.push(stack);
+            }
+
+            reportClientError("window", getErrorMessage(event.message || event.error), parts.join("\n"));
+        },
+        true
+    );
+
+    window.addEventListener("unhandledrejection", (event) => {
+        const reason = event.reason;
+
+        reportClientError("promise", getErrorMessage(reason), getErrorDetail(reason));
+    });
+
+    $Router.onError((error) => {
+        reportClientError("router", getErrorMessage(error), getErrorDetail(error));
+    });
+}

package/src/plugins/router.js

@@ -2,6 +2,7 @@ import { Layouts } from "befly-vite";
 import { createRouter, createWebHashHistory } from "vue-router";
 import { routes } from "vue-router/auto-routes";
 import { $Config } from "@/plugins/config.js";
+import { $Http } from "@/plugins/http.js";
 
 // 应用自定义布局系统（同时可选注入根路径重定向）
 const finalRoutes = Layouts(routes, $Config.homePath, (layoutName) => {
@@ -54,6 +55,33 @@ $Router.beforeEach((to, _from) => {
 });
 
 // 路由就绪后处理
-$Router.afterEach((_to) => {
-    // 可以在这里添加页面访问统计等
+$Router.afterEach((to) => {
+    void Promise.allSettled([
+        $Http(
+            "/core/tongJi/onlineReport",
+            {
+                pagePath: to.fullPath || to.path || "",
+                pageName: String(to.name || to.meta?.title || to.path || ""),
+                source: "admin",
+                productName: $Config.productName,
+                productCode: $Config.productCode,
+                productVersion: $Config.productVersion
+            },
+            [""]
+        ),
+        $Http(
+            "/core/tongJi/infoReport",
+            {
+                pagePath: to.fullPath || to.path || "",
+                pageName: String(to.name || to.meta?.title || to.path || ""),
+                source: "admin",
+                productName: $Config.productName,
+                productCode: $Config.productCode,
+                productVersion: $Config.productVersion
+            },
+            [""]
+        )
+    ]).catch(() => {
+        // 静默失败：不阻断路由切换
+    });
 });

package/vite.config.js

@@ -3,5 +3,12 @@ import { fileURLToPath } from "node:url";
 import { createBeflyViteConfig } from "befly-vite";
 
 export default createBeflyViteConfig({
-    root: fileURLToPath(new URL(".", import.meta.url))
+    root: fileURLToPath(new URL(".", import.meta.url)),
+    analyzer: true,
+    devtool: false,
+    viteConfig: {
+        server: {
+            port: 5206
+        }
+    }
 });