Monitoreo unificado de errores de componentes de Vue

1.ventana.enerror

  • Supervise globalmente todos los informes de errores de JS
  • Pero está en el nivel JS y no puede reconocer la información del componente Vue.
  • Capture algunos errores que Vue no puede escuchar

Insertar descripción de la imagen aquí

Insertar descripción de la imagen aquí
También puedes escribirlo así.
Insertar descripción de la imagen aquí

ventana.onerror
Sin embargo, si el error se captura mediante try...catch..., no se puede capturar mediante window.onerror.
Insertar descripción de la imagen aquí

2. errorCiclo de vida capturado

  • Escuche errores en todos los componentes subordinados .
  • Devolver falso evitará la propagación ascendente
    Insertar descripción de la imagen aquí
    . window.onerror también se monitorea (hay propagación ascendente)
    Insertar descripción de la imagen aquí
    devuelve falso para evitar la propagación ascendente: (evita la captura repetida)
    Insertar descripción de la imagen aquí
    Insertar descripción de la imagen aquí

3. configuración del controlador de errores

  • Monitoreo de errores globales de Vue, todos los errores de los componentes se resumirán aquí
  • Pero errorCaptured devuelve falso y no se propagará aquí.

Insertar descripción de la imagen aquí
Insertar descripción de la imagen aquí
No hay retorno falso y window.onerror no se ejecuta. errorHandler ya es un monitor global
. window.onerror y errorHandler son mutuamente excluyentes.

error asíncrono

  • ErrorHandler no puede monitorear los errores en las devoluciones de llamadas asincrónicas
  • Necesito usar window.onerror

Insertar descripción de la imagen aquí
Insertar descripción de la imagen aquí
Sólo window.onerror monitorea el error

Resumir

  • errorCaptured monitorea los errores de los componentes subordinados y devuelve false para evitar la propagación ascendente.
  • errorHandler escucha errores en los componentes globales de Vue
  • window.onerror monitorea otros errores JS, como asíncronos
    Insertar descripción de la imagen aquí

Supongo que te gusta

Origin blog.csdn.net/weixin_44582045/article/details/133206006
Recomendado
Clasificación