Nuestra aplicación Vue tuvo algunos problemas y noté en los registros de Sentry que probablemente la red no era confiable:
Error: Network Error Error: Request abortedMe gustaría mostrar una advertencia al usuario, pero no pude encontrar la manera de hacerlo. Traté de detectar estos errores usando el interceptor de solicitudes de Axios, pero no funcionó. ¿Alguien ha logrado esto?
EDITAR:
Este es el interceptor que no funcionó. También tengo un interceptor de respuesta para atrapar 403 y funciona perfectamente.
axios.interceptors.request.use(undefined, (err) => { // Never gets here for network errors return new Promise((resolve, reject) => { throw err; }); });¿Has probado?
return Promise.reject(error);como esto:
axios.interceptors.response.use(function (response) { // Any status code that lie within the range of 2xx cause this function to trigger // Do something with response data return response; }, function (error) { // Any status codes that falls outside the range of 2xx cause this function to trigger // Do something with response error return Promise.reject(error); });referencia: https://axios-http.com/docs/interceptors