Vue에서 발생한 모든 오류를 캡처하는 방법.JS SPA

Vue에서 발생한 모든 오류를 캡처하는 방법.JS SPA

웹 앱을 만들고 vue.js 웹 앱에서 발생한 모든 오류를 캡처하려고 합니다.

errorHandler를 보고 있었는데 다음과 같이 렌더링 또는 워치 중 오류만 캡처합니다.

컴포넌트 렌더링 및 워치 중 검출되지 않은 에러에 대한 핸들러를 할당합니다.핸들러가 에러와 Vue 인스턴스와 함께 호출됩니다.

이 질문에서 힌트를 얻어 다음과 같은 코드를 작성했습니다.

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를 언급했습니다.목표가 에러가 로그에 기록되는 경우 추가할 필요가 있는 것은 Raven.js와 Vue 플러그인뿐입니다.

Sentry는 이 작업에 대한 문서를 https://docs.sentry.io/clients/javascript/integrations/vue/에 게재하고 있습니다.

언급URL : https://stackoverflow.com/questions/42294844/how-to-capture-all-the-errors-thrown-in-vue-js-spa