vue 錯誤捕捉收集

無意中看到一篇文章，關於項目錯誤的捕捉和處理，在此記錄一下：

目前，在實際中，並沒有使用到異常捕捉的相關功能，都是有錯誤直接在控制台拋出，暫時對異常鋪抓沒有特別深刻的體會。

對錯誤進行捕捉和處理，目前了解的應用場景是，頁面有一個錯誤模塊收集，統一上傳展示。

1、新建js文件：

其中：CMVSCONFIG.isOpenErrorCapture是我頁面自定義的全局變量，用於控制是否開啟異常捕捉功能

在Vue.config.errorHandler進行console打印，主要是為了把異常錯誤信息，拋出到瀏覽器的控制台中；

export default {
    install (Vue, options) {
        if (CMVSCONFIG.isOpenErrorCapture) {
            Vue.config.errorHandler = (error, vm, mes) => {
                let info = {
                    error: error,
                    vm: vm,
                    mes: mes
                }
                console.log(info)
                // 錯誤上報到收集報錯的平台：error.message
                // 此處代碼錯誤可以收集存儲
            } 
        }
    }
}

2、在mian.js中引入

// 異常捕捉
import errorHandler from '@/common/js/errorHandler.js'
Vue.use(errorHandler)