最近要做一个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报错,然后可以展示成一个列表供筛选如下: