Tengo un servicio que se ve así:

 return this.http .post(requestUrl, body, { headers, observe: 'response' }) .toPromise() .then((res: any) => { return res.body?.data || res?.body?.message; }).catch((err) => { console.log('error', err); })

Cuando disparo un error, esto es lo que obtengo en el archivo console.log:

 error Error Code: 400 Message: Http failure response for <MY API ENDPOINT>: 400 OK

Pero en la pestaña de red (herramientas de desarrollo de Google Chrome) veo esto:

 { "message": "Unsupported value, please contact support.", "status": "failure" }

¿Cómo puedo leer el mensaje que estoy enviando desde mi Backend en mi bloque angular .catch?