访问axios cat子句中的HTTP错误体数据[重复]

Question

当我的API报告客户端应该很好地处理的错误时，我希望使用HTTP错误。在我的400 API响应中，我将主体设置为错误元数据，但我的axios catch语句返回的都是一个通用的400错误字符串，而不是我可以检查和处理错误的响应对象。

例子

  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作为堆栈跟踪返回：

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) 

鉴于400答复包含我想访问的这个机构，例如：

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

Answer 1

您需要访问错误内的响应对象。

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.response) // this returns
      })