Question

我正在创建一个webapp并尝试捕获vue.js webapp中任何位置抛出的所有错误。

我正在查看errorHandler，但它只会在渲染或观察者中捕获错误，如上所述：

在组件呈现和观察者期间为未捕获的错误分配处理程序。使用错误和Vue实例调用处理程序。

从这个question获得提示，我写了以下代码：

window.onerror = function (errorMsg, url, lineNumber, column, errorObj) {
 console.log('Inside window.onerror')
 console.log(errorMsg, ' ', url, ' ', lineNumber, ' ', column, ' ', errorObj)
 return false
}

window.addEventListener('error', function (e) {
 console.log('Inside error Listener', e.message)
})

以上两者都被调用，但我不知道这些错误的任何细节。在所有情况下，我都会errorMessage作为script error

有什么可以更好地获取所有错误的详细信息并将其发送到sentry等集中位置。

Answer 1

你在答案中提到了Sentry，如果你的目标是在那里记录错误，你需要添加的是Raven.js和Vue插件。

Sentry在此处提供了有关此操作的文档：https://docs.sentry.io/clients/javascript/integrations/vue/

如何捕获Vue.JS SPA

1 个答案: