<del id="ge2so"></del>

<strike id="ge2so"></strike>

<strike id="ge2so"></strike>

Vue全局異常捕獲

elva 發(fā)布于2019-08-26 11:32 / 3568人閱讀

摘要：全局異常捕獲全局配置可以進(jìn)行全局錯(cuò)誤收集我們可以根據(jù)這個(gè)特性對(duì)前端異常做這樣的處理業(yè)務(wù)錯(cuò)誤直接寫在業(yè)務(wù)里代碼錯(cuò)誤請(qǐng)求異常等錯(cuò)誤可以進(jìn)行全局捕獲然后拋出，不至于前端頁面掛掉系統(tǒng)錯(cuò)誤捕獲拋出全局異常代碼錯(cuò)誤不用手動(dòng)拋出，全局會(huì)捕獲到如果是異步請(qǐng)

Vue全局異常捕獲

Vue全局配置 errorHandler可以進(jìn)行全局錯(cuò)誤收集,我們可以根據(jù)這個(gè)特性對(duì)前端異常做這樣的處理：業(yè)務(wù)錯(cuò)誤直接寫在業(yè)務(wù)里；代碼錯(cuò)誤、ajax請(qǐng)求異常等錯(cuò)誤可以進(jìn)行全局捕獲然后拋出，不至于前端頁面掛掉

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

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

tips:
1、代碼錯(cuò)誤不用手動(dòng)拋出，全局會(huì)捕獲到

2、如果是ajax異步請(qǐng)求，異常需要通過this.$throw()手動(dòng)拋出

如果你覺得此文對(duì)你有一定的幫助，可以點(diǎn)擊下方的【贊】收藏備用

云服務(wù)器 GPU云服務(wù)器捕獲全局異常 java捕獲全局異常異常捕獲未捕獲異常

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/107084.html

相關(guān)文章

詳解JS錯(cuò)誤處理：前端JS/Vue/React/Iframe/跨域/Node

摘要：錯(cuò)誤上報(bào)機(jī)制發(fā)送數(shù)據(jù)因?yàn)檎?qǐng)求本身也有可能會(huì)發(fā)生異常，而且有可能會(huì)引發(fā)跨域問題，一般情況下更推薦使用動(dòng)態(tài)創(chuàng)建標(biāo)簽的形式進(jìn)行上報(bào)。 js錯(cuò)誤捕獲 js錯(cuò)誤的實(shí)質(zhì)，也是發(fā)出一個(gè)事件，處理他 error實(shí)例對(duì)象對(duì)象屬性 message：錯(cuò)誤提示信息 name：錯(cuò)誤名稱（非標(biāo)準(zhǔn)屬性）宿主環(huán)境賦予 stack：錯(cuò)誤的堆棧（非標(biāo)準(zhǔn)屬性）宿主環(huán)境賦予對(duì)象類型(7種) Synt...

張利勇 2019-08-26 13:50 評(píng)論0 收藏0
5種處理Vue異常的方法

摘要：最近突然意識(shí)到，我竟然從來沒有認(rèn)真去處理異常。第三種執(zhí)行一個(gè)會(huì)拋出異常的方法這個(gè)錯(cuò)誤在控制臺(tái)也和常規(guī)報(bào)錯(cuò)。這種是比較常見的錯(cuò)誤。它是一個(gè)全局的異常處理函數(shù)，可以抓取所有的異常。原文: Handling Errors in Vue.js 譯者: Fundebug 本文采用意譯，版權(quán)歸原作者所有去年一整年，我都在使用最愛的—Vue.js— 來做項(xiàng)目。最近突然意識(shí)到，我竟然從來沒...

Drinkey 2019-08-23 18:09 評(píng)論0 收藏0
如何優(yōu)雅處理前端的異常？

摘要：二需要處理哪些異常對(duì)于前端來說，我們可做的異常捕獲還真不少。總結(jié)一下，大概如下語法錯(cuò)誤代碼異常請(qǐng)求異常靜態(tài)資源加載異常異常異常跨域崩潰和卡頓下面我會(huì)針對(duì)每種具體情況來說明如何處理這些異常。前端一直是距離用戶最近的一層，隨著產(chǎn)品的日益完善，我們會(huì)更加注重用戶體驗(yàn)，而前端異常卻如鯁在喉，甚是煩人。一、為什么要處理異常？異常是不可控的，會(huì)影響最終的呈現(xiàn)結(jié)果，但是我們有充分的理由去做這樣的事...

zoomdong 2019-08-02 16:10 評(píng)論0 收藏0
前端性能與異常上報(bào)

摘要：回過頭來發(fā)現(xiàn)，我們的項(xiàng)目，雖然在服務(wù)端層面做好了日志和性能統(tǒng)計(jì)，但在前端對(duì)異常的監(jiān)控和性能的統(tǒng)計(jì)。對(duì)于前端的性能與異常上報(bào)的可行性探索是有必要的。這是我們頁面加載性能優(yōu)化需求中主要上報(bào)的相關(guān)信息。概述對(duì)于后臺(tái)開發(fā)來說，記錄日志是一種非常常見的開發(fā)習(xí)慣，通常我們會(huì)使用try...catch代碼塊來主動(dòng)捕獲錯(cuò)誤、對(duì)于每次接口調(diào)用，也會(huì)記錄下每次接口調(diào)用的時(shí)間消耗，以便我們監(jiān)控服務(wù)器接口...

gggggggbong 2019-08-23 10:30 評(píng)論0 收藏0