axios request, reading validation message from error object

Question

send an axios put request and getting status code 400 error.

Server sends a user friendly validation eror message it looks like in dev tools:

in catch block I expect to get the message with error.message but this equals to Request failed with status code 400

  try {
    dispatch({
      type: SETTINGS_ALERT,
    })
    const response = await axios.put(
      `/author/me`,
      {
        data: {
          DisplayName: displayName,
          Description: description,
        },
      }
    )
    dispatch({
      type: SETTINGS_UPDATE_PROFILE_SUCCESS,
      payload: response.data,
    })
  } catch (error) {
//need to handle it here, bu error.message not works
    dispatch({
      type: SETTINGS_LOAD_FAIL,
      error: error.message,
    })
  }

How can I read this message properly??

try using console.log(String(error) first. See what comes up. — Nisanth Reddy
– Nisanth Reddy, Commented May 13, 2021 at 16:41
I think that error.response.data is what you are looking for — lissettdm
– lissettdm, Commented May 13, 2021 at 16:46

HuLu ViCa · Accepted Answer · 2021-05-13 16:47:48Z

2

The detailed message you want is in error.response.data:

dispatch({
      type: SETTINGS_LOAD_FAIL,
      error: error.response.data,
    })

answered May 13, 2021 at 16:47

HuLu ViCa

5,51512 gold badges55 silver badges118 bronze badges

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

Collectives™ on Stack Overflow

axios request, reading validation message from error object

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related