Error-monitor

Install

使用 npm 安装：

npm i @jansen_yang/error-monitor

使用 yarn 安装：

yarn add @jansen_yang/error-monitor

Usage

/**
 * ErrorMonitor 主要类，需要实例化
 * handleError 暴露的上传方法，可以在 try/catch 或者 Promise 的 catch 中直接调用，更加灵活
 * initErrorHandler 重写 Vue 的 errorHandler 监听 Vue 错误信息
 */
import ErrorMonitor, { handleErrorUpload, initErrorHandler } from '@jansen_yang/error-monitor'

/**
 * 接收一个配置项，包含三个参数
 * isOnline {Boolean} 判断是否是线上环境，后续可以扩展
 * store {String} localStorage 的字段名，读取 vuex 的数据
 * uploadUrl {String} 上传地址
 */
new ErrorMonitor({
  isOnline: process.env.NODE_ENV === 'production',
  store: 'HpNova',
  uploadUrl: config.uploadUrl
})

/**
 * 接收一个配置项，包含三个参数
 * Vue {Vue} Vue 实例
 * isOnline {Boolean}
 * uploadUrl {String}
 */
initErrorHandler({
  Vue,
  isOnline,
  uploadUrl
})

对于暴露的 handleErrorUpload 上传方法，则是在需要自定义的时候使用。

/**
 * 接收一个配置项，包含以下参数
 * errorType: string,
 * title: string,
 * isOnline: boolean,
 * err: string,
 * uploadUrl: string,
 * username?: string,
 * userId?: number | string,
 */
handleErrorUpload({
  type: 'TypeError',
  title: err.message,
  isOnline: process.env.NODE_ENV === 'production',
  err: err.stack,
  username: storeData.user?.username || '',
  userId: storeData.user?.userId || '',
  uploadUrl: config.uploadUrl
})