перехватить и обработать соединение отклонено ошибка с помощью Axios

Question

Я использую Axios для своего приложения VueJs и у меня есть Express REST Api.Когда мое приложение VueJs не может вызвать бэкэнд (соединение отклонено / сервер узла не работает)

Как я могу перехватить эту ошибку?Я попытался зарегистрировать ошибку, используя перехватчик

  instance.interceptors.response.use(res => res, (err) => {
    console.log({ err });

    if (err.response.status === 401) {
      // unauthorized
    }

    return err;
  });

, но при регистрации err я получаю только

Ошибка: ошибка сети

с response: undefined

Должен ли я выйти из системы, потому что он ничего не может сделать, или просто показать предупреждение об ошибке и позволить ему остаться?

Answer 1

попробуйте

axios.interceptors.response.use(
  function(response) {
  return response;
 },
 function(err) {
   if (err.response.status === 401) {
     // unauthorized
   }

    return Promise.reject(err);
  }
);

Answer 2

попробуйте это сделать, чтобы получить ошибку обработки и обработки отказа в соединении, используя Axios

catch(error => {
     if (!error.response) {
         // network error
          this.errorStatus = 'Error: Network Error';
     } else {
            this.errorStatus = error.response.data.message;
     }
})