javascript - 如何从 422 Unprocessable Entity 响应中获取错误消息？

Question

我需要一些帮助才能从 422 Unprocessable Entity 响应中获取错误消息。

我有这个功能，你可以在这里看到：

  const upDateMyProfile = async (path, data) => {
    state.loading = true
    try {
      const account = {
        account_gender: data.value.account.gender,
        account_firstname: data.value.account.firstname,
        account_lastname: data.value.account.lastname,
        partner_gender: data.value.partner.gender,
        partner_firstname: data.value.partner.firstname,
        partner_lastname: data.value.partner.lastname
      }
      const req = await fetch(`${url}/${path}`, {
        method: 'PUT',
        body: JSON.stringify(account),
        headers: {
          'Content-Type': 'application/json',
          Accept: 'application/json',
          Authorization: `Bearer ${AUTH_TOKEN.accesstoken}`
        }
      })
      state.toast = true
      state.statusCode = req.status
      if (req.status !== 204) {
        console.log()
      }
      return req
    } catch (error) {
      state.error = error
      state.toast = true
    } finally {
      state.loading = false
      setTimeout(() => {
        state.toast = false
      }, TIMEOUT)
    }
  }

是更新用户配置文件详细信息的功能，我遇到的问题是当用户发送无效数据值或将必填字段留空时，我不知道如何从服务器获取错误消息。

服务器响应 422 错误：

标签： javascriptecmascript-6async-awaittry-catchfetch