// 捕獲運(yùn)行時(shí)錯(cuò)誤（語(yǔ)法錯(cuò)誤、null 訪問等）
window.onerror = function (message, source, lineno, colno, error) {
  reportError({
    type: 'js_error',
    message,        // 錯(cuò)誤信息
    source,         // 出錯(cuò)文件
    lineno,         // 行號(hào)
    colno,          // 列號(hào)
    stack: error?.stack // 錯(cuò)誤堆棧
  });
};

window.addEventListener('error', function (e) {
  // 過濾 JS 運(yùn)行錯(cuò)誤，保留資源加載錯(cuò)誤
  if (e.target && e.target !== window) {
    reportError({
      type: 'resource_error',
      tagName: e.target.tagName,       // 資源標(biāo)簽名（如 IMG / SCRIPT）
      src: e.target.src || e.target.href // 資源地址
    });
  }
}, true);

window.addEventListener('unhandledrejection', function (e) {
  reportError({
    type: 'promise_error',
    reason: e.reason?.message || JSON.stringify(e.reason) // 兼容各種 Promise 報(bào)錯(cuò)內(nèi)容
  });
});

function reportError(errorInfo) {
  try {
    const payload = {
      ...errorInfo,
      url: location.href,
      userAgent: navigator.userAgent,
      time: Date.now()
    };

    // 推薦使用 sendBeacon，不阻塞主線程
    if (navigator.sendBeacon) {
      navigator.sendBeacon('/api/log/error', JSON.stringify(payload));
    } else {
      fetch('/api/log/error', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify(payload)
      });
    }
  } catch (e) {
    console.warn('reportError 發(fā)送失敗', e);
  }
}

import { createApp } from 'vue';
import App from './App.vue';

const app = createApp(App);

// Vue 全局錯(cuò)誤處理
app.config.errorHandler = (err, instance, info) => {
  reportError({
    type: 'vue_error',
    message: err.message,
    stack: err.stack,
    info
  });
};

app.mount('#app');

function handleUserNotice(errorInfo) {
  if (errorInfo.type === 'js_error') {
    alert('頁(yè)面出現(xiàn)了一些小問題，請(qǐng)刷新后重試');
  }
}

try {
  app.mount('#app');
} catch (e) {
  reportError({
    type: 'entry_error',
    message: e.message,
    stack: e.stack
  });
}

<link rel="stylesheet" href="cdn/font-awesome.css" rel="external nofollow"  data-monitor="true">

if (e.target.dataset.monitor === 'true') {
  reportError({
    type: 'resource_error',
    src: e.target.href,
    tag: e.target.tagName
  });
}

fetch('/api/data')
  .then(res => res.json())
  .then(data => {
    processData(data);
  });
  // 忘記加 .catch

window.addEventListener('unhandledrejection', function (e) {
  reportError({
    type: 'promise_error',
    reason: e.reason
  });
});

pagePath: location.pathname