axios: error callback handling
My backend check user register input, If input data is wrong, it will send back status 404 error with “error detail” message;
const {error} = registerValidation(req.body);
if(error) return res.status(404).send(error.details[0].message);
I try to show error message
axios.post('http://localhost:8888/api/register', {username: username, email: email, password: password })
.then(res => {
this.props.dispatch(setAuthState(true));
})
.catch((error) => {
console.log(error);
})
I get this
So I check axios doc and find we need to add response to handling error
axios.get('/user/12345')
.catch(function (error) {
if (error.response) {
// The request was made and the server responded with a status code
// that falls out of the range of 2xx
console.log(error.response.data);
console.log(error.response.status);
console.log(error.response.headers);
} else if (error.request) {
// The request was made but no response was received
// `error.request` is an instance of XMLHttpRequest in the browser and an instance of
// http.ClientRequest in node.js
console.log(error.request);
} else {
// Something happened in setting up the request that triggered an Error
console.log('Error', error.message);
}
console.log(error.config);
});