Javascript

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 错误拦截的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!