axios возвращает ошибку Error: Network Error, как это обработать красиво?

код стандартный. я понимаю ошибку, т.к. api недоступно (это сделано умышлено для теста). беспокоит не сама ошибка, а то что валится в консоль. я думал catch поймает ошибку и средиректит. но не тут-то было

const res = await axios.request(query)
    .then((response) => {

        return this.getResponse(response);
    })
    .catch((error) => {

        console.log('error', error)

        this.$router.push('/Error500');
    });

console.log('res', res)

return res;

хотелось бы банально показать пользователю страницу ошибки и все. т.е. чтобы не доходило вот до этого места console.log('res', res) или как-то это обработать правильно