46 lines
1.1 KiB
TypeScript
46 lines
1.1 KiB
TypeScript
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
|
|
}
|
|
}
|