'Network error' on page refresh (Firefox 52.0.1 (64-bit))

Hello, i’ve faced with an issue which occurs after page refresh in Firefox (latest Firefox 52.0.1 (64-bit)) browser when request in loading state.

Steps to reproduce: I make a request to the server which takes around 1 min to response, meanwhile I refreshing current page and my error statement handle with ‘Network Error’ issue (but in Chrome and IE this issue doesn’t occur).

axios.post(url, body, config)
   .then(respone => {
    // success response
   }, error => {
      if(error.response) {
         // error response
       } else { 
         // here is 'Network Error' 
       }
    });

I use ‘else’ statement for handle internet problems and redirect user to appropriate page. But its ‘Network Error’ occurs even though connection is okay.

Here is my screen shot with error object:

[enheit]

I have spent a lot of time to find workaround for the issue. I fixed it by wrap network issue handler (or bad request handler) in setTimeout function.

Solutions looks like this:

const request = axios.get(url, config);

request.then(response => { 
    // success response handler goes here 
}, error => {
    const { response } = error; // same as var response = error.response;
    if(response) {
        // error handler goes here
    } else {
       // Here is wrapper for unexpected errors with i-net/request 
       setTimeout(() => {
           // handle unexpected errors
       }, 1000);
   }
}

This is workaround for FireFox 52.0.2 (64-bit). Other browsers have no issues with request interruption.

[enheit]

@rubennorte, for example, when user try to make an action and suddenly i-net connection has lost, application will handle this exception. But there is no possibility to compare real i-net connection problem with FireFox request interruption.