Поймайте() не обрабатывает 404

Question

Я делаю сценарий, чтобы загрузить некоторые данные из моего API:

const success = (response) => { 
    console.log(response); 
}; 

const failed = (error) => { 
    console.log(error); 
}; 

axios.$http.get('/somedata') 
    .then((response) => { 
    success(response.data); 
    }) 
    .catch((error) => { 
    failed(error); 
    }); 

/somepage является несуществующей страницей поэтому возвращает 404. Но улов не обрабатывает этот , Почему нет? В моей консоли у меня есть ошибка TypeError: Cannot read property 'data' of undefined. Почему он не запускает функцию failed()? Я не понимаю.

Answer 1

Судя по сообщению об ошибке, это выглядит как «success (response.data)»; вызывается. Возможно ли, что сервер успешно возвращает страницу, которая говорит что-то вроде «Ошибка 404», а не фактически возвращает код ответа HTTP 404?

Answer 2

Обнаруженные это было связано с пользовательской обработки 401 ошибки (но не 404 ошибок) перехватчик ...

Answer 3

Вы можете impliment чек на 404-х.

axios.$http.get('/somedata') 
    .then(response => { 
    if(response.status !== 404) //or any status code really 
     success(response.data); 
    else 
     failed(response) 
    }) 
    .catch((error) => { 
    failed(error); 
    }); 

И снова то, что вы, вероятно, хотите проверить, это убедиться, что это 200, который возвращается.

axios.$http.get('/somedata') 
    .then(response => { 
    if(response.status === 200) 
     success(response.data); 
    else 
     failed(response) 
    }) 
    .catch((error) => { 
    failed(error); 
    });