vue记录错误和警告日志

最新推荐文章于 2025-08-01 14:30:36 发布

原创最新推荐文章于 2025-08-01 14:30:36 发布 · 7.8k 阅读

4 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

16 篇文章

订阅专栏

在前端开发中，记录错误和警告日志可方便排查问题、优化产品、提升用户体验。Vue 已提供错误/警告日志提示方法，只需在函数中向后台提交日志记录即可。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

记录原因：在开发过程中有些时候需要记录前端的错误和警告日志，可以方便排查错误，有些时候还可以记录用户在使用过程中遇到了哪些问题，方便我们很好的优化产品，提高用户体验。
其实 vue 早就给我们准备了错误/警告日志提示的方法，我们只要在函数中向后台提交日志记录即可
使用方法：

Vue.config.errorHandler = function (err) {
  console.error('Vue.error',err.stack)
 // 逻辑处理
};
Vue.config.warnHandler = function (msg, vm, trace) {
  // `trace` 是组件的继承关系追踪
  console.warn('warn', msg,vm,trace)
   // 逻辑处理
}