Vue.js中的全局错误处理函数errorHandler用法

Vue.config.errorHandler = function (err, vm, info) {
  // 错误处理逻辑
};

Vue.config.errorHandler = function (err, vm, info) {
  // 错误处理逻辑
  console.error('全局错误处理:', err, vm, info);
};

	window.onerror = function(message, source, lineno, colno, error) {
	 	// message：错误信息（字符串）
		// source：发生错误的脚本URL
		// lineno：发生错误的行号
		// colno：发生错误的列号
		// error：Error对象
	}
	//或者
	window.addEventListener('error', function(e) { 
	  console.log(e)
	  console.log(e.target)
	})

	Vue.config.errorHandler = function (err, vm, info) {
	  // err: 具体错误信息
	  // vm: 当前错误所在的Vue实例
	  // info: 错误所在的生命周期钩子
	}

//因为接口报错需要手动捕获 创建公用方法
const errorHandler = (err, vm, info) => {
	if(err.isAxiosError){
		//axios请求错误
	}else{
		//js语法错误
		console.log('err:'err.toString())
	}
}
//调用
Vue.config.errorHandler = errorHandler
//axios手动捕获使用 绑定 prototype
Vue.prototype.$throw = (error) => errorHandler(error, this)

Vue.$throw(error)
//或 
Vue.prototype.$throw(error)

const errorHandler = (err, vm, info) => {
	if(err.isAxiosError){
		//axios请求错误为手动捕获 不需要进行解析处理 
	}else{
		const errJson = JSON.stringify(err, Object.getOwnPropertyNames(err), 2)
		console.log(JSON.parse(errJson ))
	}
}

//引入error-stack-parser
import ErrorStackParser from 'error-stack-parser'
const errorHandler = (err, vm, info) => {
	if(err.isAxiosError){
		//axios请求错误为手动捕获 不需要进行解析处理 
	}else{
		const errJson = ErrorStackParser.parse(err)[0]
		console.log(errJson)
		//通过fileName截取页面名称
		const fileName = stackInfo.fileName.match(/src.*?.vue/g)[0]
		console.log(fileName)
	}
}