Our Vue application had some problems and I noticed in Sentry logs that probably the network has been unreliable:

Error: Network Error

Error: Request aborted

I would like to show warning to the user, but couldn't figure out how to do it. I tried to catch these errors using Axios request interceptor, but they didn't work. Has anyone accomplished this?

EDIT:

This is the interceptor that didn't work. I also have a response interceptor to catch 403 and it works perfectly.

axios.interceptors.request.use(undefined, (err) => {

  // Never gets here for network errors

  return new Promise((resolve, reject) => {

    throw err;

  });

});