diff --git a/web/src/pages/Login.tsx b/web/src/pages/Login.tsx
index 8bb9a17..087134e 100644
--- a/web/src/pages/Login.tsx
+++ b/web/src/pages/Login.tsx
@@ -1,10 +1,12 @@
 import { useState } from 'react'
+import { useNavigate } from 'react-router-dom'
 
 interface Props {
   onLogin: (token: string) => void
 }
 
 export default function LoginPage({ onLogin }: Props) {
+  const navigate = useNavigate()
   const [username, setUsername] = useState('')
   const [password, setPassword] = useState('')
   const [error, setError] = useState('')
@@ -31,6 +33,7 @@ export default function LoginPage({ onLogin }: Props) {
 
       localStorage.setItem('token', data.access_token)
       onLogin(data.access_token)
+      navigate('/')
     } catch {
       setError('网络错误')
     } finally {