javascript - 如何捕获 Vue.JS SPA 中抛出的所有错误

Question

我正在创建一个网络应用程序并 try catch vue.js 网络应用程序中任何地方抛出的所有错误。

我在看 errorHandler但它仅在渲染或观察者期间捕获错误，如前所述:

Assign a handler for uncaught errors during component render and watchers. The handler gets called with the error and the Vue instance.

从这个 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/