69 lines
1.4 KiB
TypeScript
69 lines
1.4 KiB
TypeScript
import { useEffect, useState } from 'react'
|
|
import { useNavigate } from '@tanstack/react-router'
|
|
import { checkAuthStatus } from '@/lib/fetch-with-auth'
|
|
|
|
export function useAuthGuard() {
|
|
const navigate = useNavigate()
|
|
const [checking, setChecking] = useState(true)
|
|
|
|
useEffect(() => {
|
|
let cancelled = false
|
|
|
|
const verifyAuth = async () => {
|
|
try {
|
|
const isAuth = await checkAuthStatus()
|
|
if (!cancelled && !isAuth) {
|
|
navigate({ to: '/auth' })
|
|
}
|
|
} catch {
|
|
// 发生错误时也跳转到登录页
|
|
if (!cancelled) {
|
|
navigate({ to: '/auth' })
|
|
}
|
|
} finally {
|
|
if (!cancelled) {
|
|
setChecking(false)
|
|
}
|
|
}
|
|
}
|
|
|
|
verifyAuth()
|
|
|
|
return () => {
|
|
cancelled = true
|
|
}
|
|
}, [navigate])
|
|
|
|
return { checking }
|
|
}
|
|
|
|
/**
|
|
* 检查是否已认证（异步）
|
|
*/
|
|
export async function checkAuth(): Promise<boolean> {
|
|
return await checkAuthStatus()
|
|
}
|
|
|
|
/**
|
|
* 检查是否需要首次配置
|
|
*/
|
|
export async function checkFirstSetup(): Promise<boolean> {
|
|
try {
|
|
const response = await fetch('/api/webui/setup/status', {
|
|
method: 'GET',
|
|
credentials: 'include',
|
|
})
|
|
|
|
const data = await response.json()
|
|
|
|
if (response.ok) {
|
|
return data.is_first_setup
|
|
}
|
|
|
|
return false
|
|
} catch (error) {
|
|
console.error('检查首次配置状态失败:', error)
|
|
return false
|
|
}
|
|
}
|