javascript - 在前端控制台(React App)上显示来自 Node API 的错误消息

Question

我正在构建 Node & React 应用程序，我现在正在处理身份验证。例如，当有人键入数据库中已经存在的电子邮件时，我想发送带有正确状态的错误响应和电子邮件已经存在的消息。

我已经完成了在需要时发送错误。问题是即使我在其中传递错误消息，我也无法在前端显示它。

后端( 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
                })
            }

前端( 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
            })

我的实际结果是我看到 Request failed with status code 409在我的控制台中。
因此我想看看 Mail exists .
谢谢你的帮助 :)
最好的祝福。

Answer 1

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