Function ProtectedRoute

front/src/App.tsx:33–45

({ children, allowedRoles }: { children: React.ReactNode; allowedRoles?: string[] })

// 受保护的路由组件
const ProtectedRoute = ({ children, allowedRoles }: { children: React.ReactNode; allowedRoles?: string[] }) => {
  const { isAuthenticated, user } = useAuthStore()

  if (!isAuthenticated) {
    return <Navigate to="/login" replace />
  }

  if (allowedRoles && user && !allowedRoles.includes(user.role)) {
    return <Navigate to="/" replace />
  }

  return <>{children}</>
}

function App() {
  const { isAuthenticated, user } = useAuthStore()