Как я должен поймать и обработать ошибку 406 в VUEJS

Question

У меня есть маршрут, где я отправляю в API день и ч, чтобы проверить в базе данных, есть ли открытие в расписании, если нет API отправляет 406. И я получаю в консоли 406 ошибка. Как я должен обработать эту ошибку, чтобы иметь чистую консоль?

Answer 1

check_time(day,hour){
    var fields = {};
    fields.day = parseInt(day);
    fields.hour = parseInt(hour);

    try {
        this.$http.post('courses/check', fields)
    } catch {
        this.$store.dispatch('alert', {'message': 'Already exist a course in this interval.'});
    }

}

Answer 2

Если вы используете Ax ios для вызовов API, вы можете создать глобальный перехватчик и вернуть ответ на основе вашего кода состояния вашему компоненту. Это будет go в вашем главном. js.

axios.interceptors.response.use(null, function(error) {
    console.log(error);
 if(err.response.status === 406){
       //your code here.
    }
    return Promise.reject(error);
});

Answer 3

вы можете заключить вызов в try{} catch(e) {}, чтобы обработать то, что происходит после возникновения ошибки

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

Answer 4

Вы можете просто заключить вызов API в try-catch и просто ничего не делать с e в части catch.

try { ... you code here ... } catch(e){}