如何在 Nuxt 3 中使用 $fetch 捕获错误

Question

我正在使用 Nuxt3（SSR： false），我有带有电子邮件/密码的登录表单，当我发送表单并且我的服务器返回 422 错误和消息错误时出现问题我无法控制台。

这是我的代码：

async login() {
  const response = await $fetch('/login', {
    method: 'POST',
    baseURL: this.baseURL,
    body: this.form,
    watch: false,
  }).catch((err) => err.data)

  console.log('err', err)
},

这是结果：

Answer 1

我有同样的错误，我设法使用

useFetch

:

读取错误消息

const { data, error } = await useFetch('/login', {
  method: 'POST',
  baseURL: this.baseURL,
  body: this.form,
})
if (data.value) {
   // handle success
} else {
   console.log('error', error.value.data.message) 
}