NuxtJs -如何检查useFetch响应代码？

Question

使用NuxtJs useFetch时如何检查响应状态代码

目前，我正在按如下方式处理响应，但我在任何地方都找不到如何获得准确的响应状态代码，只有一个错误消息，例如FetchError: 403 Forbidden。

useFetch(url, options).then(
    (res) => {
        const data = res.data.value;
        const error = res.error.value;

        if (error) {
            console.error(error);
            // handle error
        } else {
            console.log(data);
            // handle success
        }
    },
    (error) => {
        console.error(error);
    }
);

Answer 1

nuxt的文档说要做您已经在做的处理错误这里的工作，但是我发现了一些可能有用的链接，我不是JS专家，但我认为这就是您要寻找的，这里是用来从error对象获取状态代码的，这里 --我认为IServerResponse接口是另一种类型的方法，它中有statusCode，最后的这里是另一个问题，与您正在寻找的问题相同，并给出了如何获得正确值的答案。

Answer 2

在模板中可以使用error.statusCode

但是在您的脚本中，可以使用error.value.statusCode

检查一下这个：

<template>
  <div>
    error : {{ error.statusCode }}
  </div>
</template>

<script setup>
const { data, pending, error, refresh } = await useFetch("https://api.nuxtjs.dev/mountais",
  { pick: ["title"] }
);
console.log(error.value.statusCode);
</script>

如果成功获得请求，则error对象将为空。

​

​