Displaying error messages from Node API on FrontEnd console (React App)

Question

I'm building Node & React application and I'm working on authentication now. For example when someone will type e-mail that already exist in database, I would like to send a response with error with proper status and message that email already exist.

I'm already done with sending errors when it's needed. Problem is that even if I pass error message within, I can not display it on frontend.

back-end (Node):

 User.find({ email: email })
        .then(user => {
            if (user.length >= 1) {
                return res.status(409).json({
                    message: 'Mail exists' // <-- I want to pass message here
                })
            }

front-end (React):

axios.post('http://localhost:3000/user/signup', newUser)
            .then(response=> {
                dispatch({
                    type: actionTypes.SIGNUP_SUCCESS
                })
                localStorage.setItem('JWT_TOKEN', response.data.token)
                axios.defaults.headers.common['Authorization'] = response.data.token
            })
            .catch((err)=> {
                console.log(err.message) // <-- I want to display message here
            })

My actual result is that i see Request failed with status code 409 in my console. Therefore I would like to see Mail exists. Thank You for help :) Best regards.

What do you get when you console.log(err) on the response in the catch? — Origin
– Origin, Commented Sep 6, 2019 at 12:48

Mohammed Ashfaq · Accepted Answer · 2019-09-06 12:50:48Z

2

// you can try below code in your catch block

.catch((err)=> {
 // The request was made and the server responded with a status code
 // that falls out of the range of 2xx
  if (err.response) {
    console.log(error.response.data);
    console.log(error.response.status);
    console.log(error.response.headers);
  }
})

answered Sep 6, 2019 at 12:50

Mohammed Ashfaq

3,4262 gold badges19 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

kartal şahin · Accepted Answer · 2021-09-21 18:51:11Z

0

I agree with Mohammed, you can find error message under data property.

console.log(error.response.data.message);

answered Sep 21, 2021 at 18:51

kartal şahin

191 silver badge6 bronze badges

Collectives™ on Stack Overflow

Displaying error messages from Node API on FrontEnd console (React App)

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related