如何显示从服务器返回的 json 对象

Question

当 HTTP 状态不是 200 时，如何获取后端在前端代码中发送的 JSON 对象？

当我的后端发送 200 响应时，我可以通过这样做来显示返回的 JSON 数据：

后端

res.status(200).json({status: 'Information found'})

前端

.then(data => console.log(data.status)) // Information found

但是，当我尝试对 400 或 404 状态执行相同操作时，我无法获得返回的 JSON。

后端

res.status(404).json({error: 'No information found'});

前端

.catch(error => console.log('Error from backend', error))

结果

我第一次尝试了 error.error，但没有定义。

与 200 状态返回有什么区别？如何在前端获取从后端发送的消息？

编辑

前端

    axios.post('https://firebaselink.net/getTestData', { id: orderNumber })
        .then(data => console.log(data.status))
        .catch(error => console.error(error))

后端

  export const getTestData = functions.https.onRequest((req, res) => {
    cors(req, res, () => {
      const id = req.body.id;

      admin.database().ref(`data/${id}`).once('value')
        .then(snapshot => {
          if(snapshot) res.status(200).json({status: "Information found"})
          else res.status(404).json({error: "Information not found"})
        }).catch(error => res.status(500).json({error: 'Internal error}))
    })
  })

Answer 1

问：我尝试了 error.error，但未定义。如何打印我的错误？

答： Javascript 没有类型，这意味着 object 可以是任何东西。这里最好的解决方案是执行console.log(JSON.stringify(error, null, 2) 以查看它具有什么属性，然后访问以打印出消息。

error 对象通常具有 message 属性。

参考文献：

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Error