访问从 Laravel API 发送到 Nuxt/Javascript 应用程序的 JSON 验证错误响应

Question

我正在尝试在我的 Nuxt 应用程序中打印验证错误，当验证失败时从我的 Laravel API 发回。

if ($validator->fails()) {
  return response()->json(['errors' => $validator->errors()], 422);
}

在我的 Nuxt 应用程序中，我使用 useFetch

const response = await useFetch('/api/subscribers', {
  method: 'POST',
     body: {
        email: form.value.email
     }
})

如果验证失败，我会收到 422，并且我可以在控制台的“响应”选项卡下看到错误。 但是我如何在 Nuxt 应用程序中访问这些内容？它们不存在于响应常量中。

但是，如果验证没有失败，Laravel 会发回带有消息的 201

return response()->json(['message' => 'Everything good'], 201);

我可以通过响应常量访问该消息。

为什么我不能以同样的方式访问错误？

Answer 1

对于 401 和可能其他错误（将 422 更改为 401），因为您的请求没有得到答复，您可以添加一个代码，如果您的答复不正确，请执行如下功能：

if(!response){
 /// do that
}

或者你可以在revese中完成

if('Everything good' != response.message){
 /// do this
}