添加阿里云前端监控

package.json

@@ -22,6 +22,7 @@
     "@chenfengyuan/vue-qrcode": "^2.0.0",
     "@vicons/ionicons5": "^0.12.0",
     "@vitejs/plugin-legacy": "^1.8.1",
+    "alife-logger": "^1.8.30",
     "axios": "^0.26.1",
     "axios-progress-bar": "^1.2.0",
     "axios-retry": "^3.2.4",

pnpm-lock.yaml

@@ -13,6 +13,7 @@ specifiers:
   '@vitejs/plugin-legacy': ^1.8.1
   '@vitejs/plugin-vue': ^2.3.1
   '@vitejs/plugin-vue-jsx': ^1.3.10
+  alife-logger: ^1.8.30
   autoprefixer: ^10.4.5
   axios: ^0.26.1
   axios-progress-bar: ^1.2.0
@@ -52,6 +53,7 @@ dependencies:
   '@chenfengyuan/vue-qrcode': 2.0.0_qrcode@1.5.0+vue@3.2.33
   '@vicons/ionicons5': 0.12.0
   '@vitejs/plugin-legacy': 1.8.1_vite@2.9.5
+  alife-logger: 1.8.30
   axios: 0.26.1
   axios-progress-bar: 1.2.0_axios@0.26.1
   axios-retry: 3.2.4
@@ -959,6 +961,10 @@ packages:
       uri-js: 4.4.1
     dev: true
 
+  /alife-logger/1.8.30:
+    resolution: {integrity: sha512-uDJP/D5BMfsBZfV72ZeRZzhLCP267SKoilercjxv34wuXpk65ttOO9STNI49XjOZ5TwZtFm+97r3tE4ONMsI4w==}
+    dev: false
+
   /ansi-regex/2.1.1:
     resolution: {integrity: sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==}
     engines: {node: '>=0.10.0'}

src/main.ts

@@ -8,6 +8,7 @@ import { createPinia } from "pinia";
 import { vueErrorHandler } from "./utils/monitors";
 import { setUUID } from "@/utils/utils";
 setUUID();
+import "@/utils/alife-logger";
 
 const app = createApp(App);
 app.use(router);

src/utils/alife-logger.ts

@@ -0,0 +1,23 @@
+// @ts-ignore
+import BrowserLogger from "alife-logger";
+
+const environment = import.meta.env.DEV
+  ? "local"
+  : import.meta.env.MODE === "test"
+  ? "daily"
+  : import.meta.env.MODE === "production"
+  ? "prod"
+  : "local";
+
+const __bl = BrowserLogger.singleton({
+  pid: "hworw@1db7bcc76381a07",
+  uid: localStorage.getItem("uuidForEcs"),
+  appType: "web",
+  imgUrl: "https://arms-retcode.aliyuncs.com/r.png?",
+  environment,
+  sample: 100,
+  release: import.meta.env.VITE_FE_VERSION,
+  // sendResource: true,
+  // enableLinkTrace: true,
+  // behavior: true,
+});