@tourmind-frontend/monitor-plugin-nuxt 1.3.0 → 1.4.1

package/dist/index.cjs

@@ -82,7 +82,8 @@ function readSourceContext(rootDir, file, hintLine, hintCol, contextLines = 10)
 }
 function MonitorModule(options) {
   if (!options.url) throw new Error(`${LOG_PREFIX} "url" is required`);
-  if (!options.token) throw new Error(`${LOG_PREFIX} "token" is required`);
+  if (!options.clientKey) throw new Error(`${LOG_PREFIX} "clientKey" is required`);
+  if (!options.authToken) throw new Error(`${LOG_PREFIX} "authToken" is required`);
   if (!options.commit) throw new Error(`${LOG_PREFIX} "commit" is required`);
   this.extendBuild((config, { isClient, isDev }) => {
     if (isDev || !isClient) return;
@@ -91,7 +92,7 @@ function MonitorModule(options) {
     config.plugins.push(
       new import_monitor_plugin_webpack.default({
         url: options.url,
-        token: options.token,
+        authToken: options.authToken,
         commit: options.commit
       })
     );
@@ -102,14 +103,17 @@ function MonitorModule(options) {
     mode: "client",
     options: {
       url: options.url,
-      token: options.token
+      clientKey: options.clientKey
     }
   });
   const ssrReportUrl = `${options.url.replace(/\/+$/, "")}/api/ssr-report`;
-  const token = options.token;
+  const clientKey = options.clientKey;
+  const commit = options.commit;
+  const publicUrlBase = (options.publicUrl || "").replace(/\/+$/, "") || null;
   const rootDir = this.options.rootDir || this.options.srcDir || process.cwd();
   this.nuxt.hook("render:errorMiddleware", (app) => {
     app.use((err, req, _res, next) => {
+      var _a;
       if (typeof fetch === "function") {
         try {
           const e = err;
@@ -120,13 +124,30 @@ function MonitorModule(options) {
             new RegExp(`(${frame.file.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}:)${frame.line}(:)`),
             `$1${sourceCtx.line}$2`
           ) : stack;
+          const path = req.url || "";
+          let fullUrl = path;
+          if (publicUrlBase) {
+            fullUrl = `${publicUrlBase}${path.startsWith("/") ? path : `/${path}`}`;
+          } else {
+            const headers = req && req.headers || {};
+            const headerValue = (key) => {
+              const v = headers[key];
+              return Array.isArray(v) ? v[0] : v;
+            };
+            const host = headerValue("x-forwarded-host") || headerValue("host");
+            if (host) {
+              const proto = headerValue("x-forwarded-proto") || (((_a = req.connection) == null ? void 0 : _a.encrypted) ? "https" : "http");
+              fullUrl = `${proto}://${host}${path.startsWith("/") ? path : `/${path}`}`;
+            }
+          }
           fetch(ssrReportUrl, {
             method: "POST",
             headers: { "Content-Type": "application/json" },
             body: JSON.stringify({
-              token,
+              token: clientKey,
               stack: refinedStack,
-              url: req.url || "",
+              url: fullUrl,
+              commit,
               ...sourceCtx || {}
             })
           }).catch(() => {

package/dist/index.d.ts

@@ -1,10 +1,18 @@
 export interface MonitorModuleOptions {
-    /** monitor 项目 token，从 web 控制台创建项目后获取，内部已绑定仓库 + 分支。 */
-    token: string;
+    /** monitor 项目 client key（前缀 `fm_ck_`），浏览器 / SSR 上报使用，会出现在客户端 bundle 中。 */
+    clientKey: string;
+    /** monitor 项目 auth token（前缀 `fm_at_`），仅供构建机上传 sourcemap 使用。 */
+    authToken: string;
     /** monitor 服务的 base URL，例如 `https://monitor.example.com`。`/api/report`、`/api/upload` 由下游 tracking / plugin-webpack 内部拼接。 */
     url: string;
     /** Commit hash，由调用方自行解析（如 `git rev-parse HEAD`）。 */
     commit: string;
+    /**
+     * 用户 app 的对外访问 URL（如 `https://app.example.com`），仅用于 SSR 错误上报里把 `req.url`（path）补成完整地址。
+     * 不配则按以下顺序探测：`X-Forwarded-Proto + X-Forwarded-Host` → `req.connection.encrypted + req.headers.host`。
+     * Docker / k8s 部署若反代未透传 `X-Forwarded-*` header，强烈建议显式配置此项。
+     */
+    publicUrl?: string;
 }
 interface NuxtBuildContext {
     isClient: boolean;
@@ -53,7 +61,8 @@ interface NuxtModuleThis {
  *   modules: [
  *     ['@tourmind-frontend/monitor-plugin-nuxt', {
  *       url: 'https://monitor.example.com',
- *       token: process.env.MONITOR_TOKEN,
+ *       clientKey: process.env.MONITOR_CLIENT_KEY,
+ *       authToken: process.env.MONITOR_AUTH_TOKEN,
  *       commit: process.env.GIT_COMMIT,
  *     }],
  *   ],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tourmind-frontend/monitor-plugin-nuxt",
-  "version": "1.3.0",
+  "version": "1.4.1",
   "description": "Nuxt 2 module that captures runtime errors and uploads sourcemaps to a frontend-monitor server.",
   "main": "./dist/index.cjs",
   "types": "./dist/index.d.ts",
@@ -17,12 +17,12 @@
     "node": ">=13"
   },
   "dependencies": {
-    "@tourmind-frontend/monitor-plugin-webpack": "^1.2.0"
+    "@tourmind-frontend/monitor-plugin-webpack": "^1.4.0"
   },
   "peerDependencies": {
     "nuxt": "^2.4.0",
     "vue": "^2.5.0",
-    "@tourmind-frontend/monitor-tracking": "^1.3.0"
+    "@tourmind-frontend/monitor-tracking": "^1.4.0"
   },
   "devDependencies": {
     "@types/node": "^20.0.0",

package/templates/plugin.client.js

@@ -5,7 +5,7 @@ import { register } from "@tourmind-frontend/monitor-tracking";
 export default function () {
   register({
     url: "<%= options.url %>",
-    token: "<%= options.token %>",
+    clientKey: "<%= options.clientKey %>",
     // 桥接 Vue 2 的 errorHandler，链式调用既有 handler，不覆盖。
     listener: function (handler) {
       var existing = Vue.config.errorHandler;