diff --git a/frontend/src/router/mobile-routes.ts b/frontend/src/router/mobile-routes.ts
index 21171d1..0583392 100644
--- a/frontend/src/router/mobile-routes.ts
+++ b/frontend/src/router/mobile-routes.ts
@@ -1,11 +1,9 @@
-import Login from "@/views/mobile/Login.vue";
-import Home from "@/views/mobile/Home.vue";
 import type { RouteRecordRaw } from "vue-router";
 const routes: RouteRecordRaw[] = [
   {
     path: "/",
     name: "home",
-    component: Home,
+    component: () => import("@/views/mobile/Home.vue"),
     redirect: "/resource",
     children: [
       {
@@ -28,7 +26,7 @@ const routes: RouteRecordRaw[] = [
   {
     path: "/login",
     name: "login",
-    component: Login,
+    component: () => import("@/views/mobile/Login.vue"),
   },
 ];
 
diff --git a/frontend/src/router/pc-routes.ts b/frontend/src/router/pc-routes.ts
index 6407fce..0364847 100644
--- a/frontend/src/router/pc-routes.ts
+++ b/frontend/src/router/pc-routes.ts
@@ -1,11 +1,9 @@
-import Login from "@/views/Login.vue";
-import Home from "@/views/Home.vue";
 import type { RouteRecordRaw } from "vue-router";
 const routes: RouteRecordRaw[] = [
   {
     path: "/",
     name: "home",
-    component: Home,
+    component: () => import("@/views/Home.vue"),
     redirect: "/resource",
     children: [
       {
@@ -28,7 +26,7 @@ const routes: RouteRecordRaw[] = [
   {
     path: "/login",
     name: "login",
-    component: Login,
+    component: () => import("@/views/Login.vue"),
   },
 ];