diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index 0330c4b3f426b2c647ee6ad59a25d04a2161845d..008391aae33cbf351ce5bda18a9b6bc598c96d20 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -197,3 +197,13 @@ export function updateSidebarItems() {
 
   routerStore().menus = menus;
 }
+
+router.beforeEach((to, from)=>{
+  if (to.meta && to.meta.header_title) {
+    document.title = to.meta.header_title
+  }
+})
+
+export function directTo(to:any) {
+  router.push(to)
+}
\ No newline at end of file
diff --git a/frontend/src/views/Login/Login.vue b/frontend/src/views/Login/Login.vue
index 0590eab24c42e9e12c8cf2d41d2317180ef46031..cddaad7df1c5a038a2edfac5961d7601758d3bc8 100644
--- a/frontend/src/views/Login/Login.vue
+++ b/frontend/src/views/Login/Login.vue
@@ -31,8 +31,8 @@
 <script setup lang="ts">
 import { ref } from "vue";
 import { ElMessage } from 'element-plus';
-import { useRouter } from 'vue-router'
 import Cookies from 'js-cookie';
+import { directTo } from '@/router/index'
 import { loginByEmail } from "@/request/user";
 import { RespCodeOK } from "@/request/request";
 import { CookieAuthToken } from "@/global/defines";
@@ -66,8 +66,6 @@ const rules = {
     ],
 }
 
-const router = useRouter()
-
 function submitLogin() {
     loginFormRef.value.validate((valid: boolean) => {
         if (valid) {
@@ -80,7 +78,7 @@ function submitLogin() {
                     // update cookie
                     Cookies.set(CookieAuthToken, resp.data.token)
 
-                    router.push('/home')
+                    directTo('/home')
 
                     ElMessage.success("login success")
                 } else {