Catch() ne gère pas 404

Question

Je fais un script pour chercher des données de mon 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 est une page non existante il retourne un 404. Mais le hic est la manipulation pas . Pourquoi pas? Dans ma console, j'ai l'erreur TypeError: Cannot read property 'data' of undefined. Pourquoi n'exécute-t-il pas la fonction failed()? Je ne comprends pas.

Answer 1

A en juger par le message d'erreur, cela ressemble à "success (response.data);" est appelé. Est-il possible que le serveur renvoie avec succès une page qui indique quelque chose comme "Erreur 404" plutôt que de renvoyer le code de réponse http 404?

Answer 2

a découvert qu'elle était liée à une manipulation intercepteur personnalisée 401 erreurs (mais pas 404 erreurs) ...

Answer 3

Vous pouvez impliment un chèque de 404s.

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); 
    }); 

Ensuite, ce que vous voulez probablement vérifier est de s'assurer que c'est un 200 qui revient.

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