博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue全局异常捕获
阅读量:6976 次
发布时间:2019-06-27

本文共 442 字,大约阅读时间需要 1 分钟。

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()手动抛出

图片描述

图片描述

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

转载地址:http://rkypl.baihongyu.com/

你可能感兴趣的文章
[swift 进阶]读书笔记-第十一章:互用性 C11P1 实践:封装 CommonMark
查看>>
我的友情链接
查看>>
TypeScript 从听说到入门(上篇)
查看>>
JavaScript 闭包
查看>>
redis(4)
查看>>
koa+mongoose基础入门
查看>>
vue下实现textarea类似密码框的功能之探索input输入框keyup,keydown,input事件的触发顺序...
查看>>
python数据池连接PG
查看>>
如何开发一个区块链应用程序
查看>>
Cookie 位置_无需整理
查看>>
Ansible批量安装mysql数据
查看>>
H3C 交换机命名规则
查看>>
徒手撸出一个类Flask微框架(三)根据业务进行路由分组
查看>>
杨学海:跨境电商新通道-进口保税直邮模式解析
查看>>
rsync client backup scripts
查看>>
L09-10老男孩Linux运维实战培训-Nginx服务生产实战应用指南05(架构解决方案)
查看>>
Linux下的Shell工作原理
查看>>
FTP与TFTP的区别
查看>>
Zookeeper迁移(扩容/缩容)
查看>>
jQuery中的Ajax----03
查看>>