Catch error with try catch block and display

Question

Error handling middleware in node js backend:

app.use((error, req, res, next) => {
  console.log(error);
  const status = error.statusCode || 500;
  const message = error.message;
  const data = error.data;
  res.status(status).json({ message: message, data: data });
});

I have the following try catch block from my app:

    userLogin() {
    //axios vue instance
      this.$http
        .post("/auth/signup", this.formData)
        .then((res) => {
          // res.status == 201 ? (this.formData = {}) : "";
          console.log(res);
        })
        .catch((err) => {
          console.log(err);
          console.log(err.data.data);
          console.log(err.data.msg);
        });
    },

The output of the above catch block are as follows: [![enter image description here][2]][2]

While my rest api sends the message in following format (seen on Network > Preview)

{
  message: "Validation failed.",
  …
}
data: [{
  location: "body",
  param: "email",
  value: "[email protected]",
  msg: "E-Mail address already exists!"
}]
message: "Validation failed."

I want to access the data array and print its content. How can I access data ?

psudo · Accepted Answer · 2021-08-03 05:56:46Z

1

We can catch custom error message:

userLogin() {
  this.$http
    .post("/auth/signup", this.formData)
    .then((res) => {
      // res.status == 201 ? (this.formData = {}) : "";
      console.log(res);
    })
    .catch((err) => {
      console.log(err.response.data.data);
    });
},

answered Aug 3, 2021 at 5:56

psudo

1,5963 gold badges35 silver badges86 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

tony19 · Accepted Answer · 2021-08-03 05:47:05Z

0

Axios stores the actual response in its data prop (unrelated to your API's data property in the response contents), so you could access your data property like this:

this.$http.post('/auth/signup', this.formData)
  .then((res) => {
    const apiResponse = res.data
    console.log(apiResponse.data) // logs `data` property from API response contents
  })
  .catch((err) => {
     /*...*/
  })

edited Aug 3, 2021 at 5:47

answered Aug 3, 2021 at 5:44

tony19

140k23 gold badges281 silver badges354 bronze badges

Comments

MohKoma · Accepted Answer · 2021-08-03 06:07:43Z

0

Collectives™ on Stack Overflow

Catch error with try catch block and display

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related