在处理 API 返回的 404 错误时,可以通过检查响应的状态码来进行更精准的错误处理。以下是具体的实现步骤和示例。
一、更新 useFetch 函数
在 useFetch 函数中,可以根据响应的状态码进行更详细的错误处理。例如,针对 404 错误,可以设置特定的错误信息。
示例:改进的 useFetch
import { ref } from 'vue';export function useFetch(url) {const data = ref(null);const error = ref(null);const loading = ref(true);const fetchData = async () => {loading.value = true;error.value = null; // 清除上一个错误try {const response = await fetch(url);if (!response.ok) {// 根据状态码处理错误if (response.status === 404) {throw new Error('Resource not found (404)');} else {throw new Error('A