技術標籤：vue前端vue

參考：https://www.jianshu.com/p/48ef42d934b5?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

前言 : JavaScript本身是一個弱型別語言，專案中容易發生錯誤，做好網頁錯誤監控，能幫助開發者迅速定位問題，保證線上穩定。

文件說明：https://cn.vuejs.org/v2/api/#errorHandler

例項：

路徑： src\error.js

程式碼：

import Vue from
 
 'vue';
import store from './store'
Vue.config.errorHandler = function(err, vm, info) {

    Vue.nextTick(() => {
        store.commit('ADD_LOGS', {
            type: 'error',
            message: err.message,
            stack: err.stack,
            info
        })

        if (process.env.NODE_ENV
 
 === 'development') { // 開發模式下

            console.group('======== 錯誤資訊 ======')
            console.error(err) // 錯誤資訊
            console.groupEnd();

            console.group('======== Vue 例項 ======')
            console.log(vm) // vue例項
            console.groupEnd();

            console.group('======== 報錯資訊 ======='
 
)
            console.log(info) // 報錯資訊
            console.groupEnd();
        }
    })
}