js vue 错误日志收集

思路想的是,一旦遇到什么错误,就都上传到服务器,这样就方便很多了。但是目前没有接口,都是demo,我们可以在console或者alert弹出来
参考文献 https://blog.csdn.net/weixin_43837268/article/details/114577963

//main.js

//在一开始就上传
// 上报错误日志
const errors = []
const getTimestamp = () => {
  return new Date()
}

//window自带显示错误
window.onerror = (message,source,lineno,colon,error) => {

  console.log(error)

  alert(error+'---'+message+'---'+source+'---'+lineno+'---'+colon)

  errors.push({time:getTimestamp(),content:error.stack})
}
window.addEventListener('error',event => {
  alert(event)
  console.log(event)
  errors.push({time:getTimestamp(),content:event.error.stack})
})

import Vue from 'vue'

//vue带的显示错误
Vue.config.errorHandler = error => {
  alert(error)
  console.log(error)
  errors.push({time:getTimestamp(),content:error.stack})
}
setInterval(()=>{
  if(errors.length > 0){

  }
},3000)

import App from '@/App.vue'
//下面就是加载vue,涉及公司代码,不写出来

fundebug

另一种就是用fundebug,但是没有完全成功。
用npm下载就不行,但是用cdn就可以,奇奇怪怪的
参考文献https://docs.fundebug.com/notifier/javascript/integration/

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值