diff --git a/Front/vue-unilife/src/App.vue b/Front/vue-unilife/src/App.vue
index 52b6107..4d17c70 100644
--- a/Front/vue-unilife/src/App.vue
+++ b/Front/vue-unilife/src/App.vue
@@ -1,10 +1,9 @@
 <script setup lang="ts">
 
-import LogPage from './components/LogPage.vue';
 </script>
 
 <template>
-  <LogPage/>
+  <router-view/>
 </template>
 
 <style scoped>
diff --git a/Front/vue-unilife/src/components/LogPage.vue b/Front/vue-unilife/src/components/LogPage.vue
index db5a545..c341fa4 100644
--- a/Front/vue-unilife/src/components/LogPage.vue
+++ b/Front/vue-unilife/src/components/LogPage.vue
@@ -72,6 +72,7 @@ const LoginPasswordForm = useForm({
 })
 const{value: login_password_email} = useField('login_password_email')
 const{value: login_password} = useField('login_password')
+
 //验证码登录表单
 const LoginEmailForm = useForm({
     validationSchema : yup.object({
diff --git a/Front/vue-unilife/src/components/Personal.vue b/Front/vue-unilife/src/components/Personal.vue
new file mode 100644
index 0000000..741f662
--- /dev/null
+++ b/Front/vue-unilife/src/components/Personal.vue
@@ -0,0 +1,17 @@
+<script set lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'Personal',
+});
+</script>
+
+<template>
+  <div>
+    <h1>Personal</h1>
+  </div>
+</template>
+
+<style lang="scss" scoped> 
+
+</style>
\ No newline at end of file
diff --git a/Front/vue-unilife/src/routers.ts b/Front/vue-unilife/src/routers.ts
new file mode 100644
index 0000000..36332b3
--- /dev/null
+++ b/Front/vue-unilife/src/routers.ts
@@ -0,0 +1,24 @@
+import type { RouteRecord, RouteRecordRaw } from 'vue-router';
+import { createWebHashHistory, createRouter,createWebHistory } from 'vue-router';
+import LogPage from './components/LogPage.vue';
+import Personal from './components/Personal.vue';
+
+const routes:Array<RouteRecordRaw> = [
+    {
+        path:'/log',
+        name: 'LogPage',
+        component: LogPage
+    },
+    {
+        path:'/personal',
+        name: 'Personal',
+        component: Personal
+    }
+];
+
+const router = createRouter({
+    history: createWebHistory(import.meta.env.BASE_URL),
+    routes
+});
+
+export default router;