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/