nuxt.js项目中全局捕获异常并生成错误日志全过程

　　需求：客户在使用过程中页面报错时，可以生成错误记录传回服务器，以便改进。

　　步骤：
　　　　一.全局捕获异常，
　　　　二.发送到服务端，
　　　　三.生成错误日志。

　　一.全局捕获异常

如图，vue提供了errorHandle这个方法来处理全局异常，更多详细内容参见。

 

我在页面中写了一个错误的函数，触发了errorHandler，控制台打印如下：

 

在utils.js中写了如下代码：

1 //系统错误捕获 2 const errorHandler = (error,vm,info)=>{ 3 getErr(error,vm,info); 4 } 5 6 Vue.config.errorHandler = errorHandler; 7 Vue.prototype.$throw = (error,vm,info)=> errorHandler(error,vm,info);