Quiero usar errores HTTP cuando mi API informe un error que el cliente debería manejar bien. En mi respuesta de la API 400, configuré el cuerpo en los metadatos del error, pero todo lo que me devuelve la declaración de captura de axios es una cadena de error genérica 400, no el objeto de respuesta donde podría inspeccionar y manejar el error.

ejemplo

 function (ent) { return axios .post(config.ROOT_API + '/api/backstory/', {new_parent_entity: ent, child_entity: this.entity}) .then(({data}) => { console.log(data) }) .catch((e) => { console.log(e) // this returns })

e se devuelve como seguimiento de pila:

 BackstoryUpdate.vue?8720:191 Error: Request failed with status code 400 at createError (createError.js?2d83:16) at settle (settle.js?467f:17) at XMLHttpRequest.handleLoad (xhr.js?b50d:62)

Mientras que la respuesta 400 contenía este cuerpo al que quiero acceder, por ejemplo:

 {error: "Circular reference detected", container: {id: 39, text: "abdef"}}