基于vue项目前端报错监控

最近要做一个vue项目的监控,来实时监听正式环境的异常,并且快速响应进行bug修改,其实vue项目报错主要从下面三个方法进行错误收集

1.

window.addEventListener('unhandledrejection', event => {   event.promise.catch((e) => {     utils.errorCatch(e, 3)   }) })   2.
window.onerror = function (errorMessage, scriptURI, lineNo, columnNo, error) {   // 记录堆栈信息   if (error) {     error.url = error.stack   }   utils.errorCatch(error, 4) }   3.

Vue.config.errorHandler = function (err, vm, info) {

    if (err) {       err.url = err.stack     }     utils.errorCatch(err, 5) //  发送请求给后端进行保存   }   使用上面三个方法就能捕获收集绝多数的js报错,然后可以展示成一个列表供筛选如下: 基于vue项目前端报错监控

 

 


 

 

上一篇:文件操作相关utils


下一篇:DeepinOS访问win7共享文件夹