Как показать объект json, возвращенный с сервера

Как я могу получить объект JSON, который мой бэкэнд отправляет, в моем внешнем коде, если статус HTTP не равен 200?

Когда мой бэкэнд отправляет 200-ответ, я могу показать возвращенные данные JSON, выполнив следующие действия:

бэкэнд

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

внешний интерфейс

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

Однако, когда я пытаюсь сделать то же самое со статусом 400 или 404, я не могу получить возвращенный JSON.

бэкэнд

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

внешний интерфейс

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

результат

Сначала я попробовал error.error, но это не определено.

В чем разница с возвратом 200-статуса и как я могу получить сообщение, которое я отправляю из серверной части в моем интерфейсе?

РЕДАКТИРОВАТЬ

Внешний интерфейс

    axios.post('https://firebaselink.net/getTestData', { id: orderNumber })
        .then(data => console.info(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}))
    })
  })