Vue全局异常捕获

elva 发布于2019-08-26 11:32 / 3439人阅读

摘要：全局异常捕获全局配置可以进行全局错误收集我们可以根据这个特性对前端异常做这样的处理业务错误直接写在业务里代码错误请求异常等错误可以进行全局捕获然后抛出，不至于前端页面挂掉系统错误捕获抛出全局异常代码错误不用手动抛出，全局会捕获到如果是异步请

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:
1、代码错误不用手动抛出，全局会捕获到

2、如果是ajax异步请求，异常需要通过this.$throw()手动抛出

如果你觉得此文对你有一定的帮助，可以点击下方的【赞】收藏备用

海外云主机服务器托管捕获全局异常 java捕获全局异常异常捕获未捕获异常

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/107084.html

详解JS错误处理：前端JS/Vue/React/Iframe/跨域/Node

摘要：错误上报机制发送数据因为请求本身也有可能会发生异常，而且有可能会引发跨域问题，一般情况下更推荐使用动态创建标签的形式进行上报。 js错误捕获 js错误的实质，也是发出一个事件，处理他 error实例对象对象属性 message：错误提示信息 name：错误名称（非标准属性）宿主环境赋予 stack：错误的堆栈（非标准属性）宿主环境赋予对象类型(7种) Synt...

张利勇 2019-08-26 13:50 评论0 收藏0
5种处理Vue异常的方法

摘要：最近突然意识到，我竟然从来没有认真去处理异常。第三种执行一个会抛出异常的方法这个错误在控制台也和常规报错。这种是比较常见的错误。它是一个全局的异常处理函数，可以抓取所有的异常。原文: Handling Errors in Vue.js 译者: Fundebug 本文采用意译，版权归原作者所有去年一整年，我都在使用最爱的—Vue.js— 来做项目。最近突然意识到，我竟然从来没...

Drinkey 2019-08-23 18:09 评论0 收藏0
如何优雅处理前端的异常？

摘要：二需要处理哪些异常对于前端来说，我们可做的异常捕获还真不少。总结一下，大概如下语法错误代码异常请求异常静态资源加载异常异常异常跨域崩溃和卡顿下面我会针对每种具体情况来说明如何处理这些异常。前端一直是距离用户最近的一层，随着产品的日益完善，我们会更加注重用户体验，而前端异常却如鲠在喉，甚是烦人。一、为什么要处理异常？异常是不可控的，会影响最终的呈现结果，但是我们有充分的理由去做这样的事...

zoomdong 2019-08-02 16:10 评论0 收藏0
前端性能与异常上报

摘要：回过头来发现，我们的项目，虽然在服务端层面做好了日志和性能统计，但在前端对异常的监控和性能的统计。对于前端的性能与异常上报的可行性探索是有必要的。这是我们页面加载性能优化需求中主要上报的相关信息。概述对于后台开发来说，记录日志是一种非常常见的开发习惯，通常我们会使用try...catch代码块来主动捕获错误、对于每次接口调用，也会记录下每次接口调用的时间消耗，以便我们监控服务器接口...

gggggggbong 2019-08-23 10:30 评论0 收藏0