's'

hooks/useNavigationItems.ts

@@ -0,0 +1,45 @@
+import useSWR from 'swr'
+import { NavigationItem } from '@/types/navigation'
+
+// 获取导航项的 fetcher 函数
+async function fetchNavigationItems(): Promise<NavigationItem[]> {
+  try {
+    const res = await fetch('/api/navigation')
+    if (!res.ok) {
+      console.error('获取导航项失败，状态码:', res.status)
+      throw new Error('获取导航项失败')
+    }
+    const data = await res.json()
+    console.log('获取到的导航数据:', data)
+    return data.navigationItems || []
+  } catch (error) {
+    console.error('获取导航项时发生错误:', error)
+    throw error
+  }
+}
+
+// 自定义 hook 用于获取导航项
+export function useNavigationItems() {
+  const { data: items, error, isLoading, mutate } = useSWR<NavigationItem[]>(
+    '/api/navigation',
+    fetchNavigationItems,
+    {
+      fallbackData: [],
+      revalidateOnFocus: false,
+      // 错误重试配置
+      shouldRetryOnError: true,
+      errorRetryCount: 2,
+      errorRetryInterval: 1000,
+      onError: (error) => {
+        console.error('SWR 获取导航项错误:', error)
+      }
+    }
+  )
+
+  return {
+    items,
+    error,
+    isLoading,
+    mutate
+  }
+}