vue 错误拦截

本文主要是介绍vue 错误拦截，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

//系统错误捕获
const errorHandler = (error, vm) => {
  console.error('抛出全局异常');
  request({
    method: 'post',
    url: 'api/index/errorLogCollect',
    data: {
      k: getCookie("k"),
      time: new Date().getTime(),
      userip: returnCitySN["cip"],
      error: JSON.stringify(error)
    }
  }).then((res) => {
    console.log('logInfo', res)
  }).catch((err) => {
    console.log('logErr', err)
  })
}
Vue.config.errorHandler = errorHandler;
Vue.prototype.$throw = (error) => errorHandler(error, this);

在main.js中拦截，挂载vue原型：

如果需要在其他js中获取vue原型：

导入vue使用vue原型：

const $throw=Vue.prototype.$throw

注意：

一定要在Vue创建完后才可以正常使用，否则会为空的（获取不到挂载的原型链）

这篇关于vue 错误拦截的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！