Vue全局異常捕獲

Vue全局異常捕獲

Vue全局配置 errorHandler能夠進行全局錯誤收集,咱們能夠根據這個特性對前端異常作這樣的處理：業務錯誤直接寫在業務裏；代碼錯誤、ajax請求異常等錯誤能夠進行全局捕獲而後拋出，不至於前端頁面掛掉

import Vue from 'vue'
//系統錯誤捕獲
const errorHandler = (error, vm)=>{
  console.error('拋出全局異常');
  console.error(vm);
  console.error(error);
  
}

Vue.config.errorHandler = errorHandler;
Vue.prototype.$throw = (error)=> errorHandler(error,this);

tips:
一、代碼錯誤不用手動拋出，全局會捕獲到

二、若是是ajax異步請求，異常須要經過this.$throw()手動拋出

若是你以爲此文對你有必定的幫助，能夠點擊下方的【贊】收藏備用