diff --git a/src/router/constant.ts b/src/router/constant.ts
new file mode 100644
index 00000000..a59756b4
--- /dev/null
+++ b/src/router/constant.ts
@@ -0,0 +1,2 @@
+export const Layout = ()=>import('@/layout/index.vue');
+export const LayoutPage = ()=>import('@/layout/components/page.vue');
\ No newline at end of file
diff --git a/src/router/index.ts b/src/router/index.ts
index ed68689e..7f9134d9 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -3,13 +3,14 @@ import { PageEnum } from '@/enums/pageEnum';
 import { App } from 'vue';
 import { setupRouterGuard } from './guard';
 import { concatObjectValue } from '@/utils/helper';
-import Layout from '@/layout/index.vue';
+import { Layout } from '@/router/constant';
 export const asyncRoutes = concatObjectValue<RouteRecordRaw>(
   import.meta.glob('./routes/*.ts', { eager: true, import: 'routes' }),
 );
 import { isExternal } from '@/utils/validate';
 import { resolve } from 'path-browserify';
 
+
 export const constantRoutes: RouteRecordRaw[] = [
   {
     path: '/',
diff --git a/src/router/routes/1-dashboard.ts b/src/router/routes/1-dashboard.ts
index c8121bd5..57404a81 100644
--- a/src/router/routes/1-dashboard.ts
+++ b/src/router/routes/1-dashboard.ts
@@ -1,6 +1,6 @@
 import { PageEnum } from '@/enums/pageEnum';
 import { RouteRecordRaw } from 'vue-router';
-import Layout from '@/layout/index.vue';
+import { Layout } from '@/router/constant';
 import { concatObjectValue } from '@/utils/helper';
 export const routes: RouteRecordRaw[] = [
   {
diff --git a/src/router/routes/2-example.ts b/src/router/routes/2-example.ts
index 5ccb5758..fed9adc5 100644
--- a/src/router/routes/2-example.ts
+++ b/src/router/routes/2-example.ts
@@ -1,5 +1,5 @@
 import { RouteRecordRaw } from 'vue-router';
-import Layout from '@/layout/index.vue';
+import { Layout } from '@/router/constant';
 import { concatObjectValue } from '@/utils/helper';
 export const routes: RouteRecordRaw[] = [
   {
diff --git a/src/router/routes/example/6-multilevel.ts b/src/router/routes/example/6-multilevel.ts
index 0d187918..950018a9 100644
--- a/src/router/routes/example/6-multilevel.ts
+++ b/src/router/routes/example/6-multilevel.ts
@@ -1,5 +1,5 @@
-import { RouteRecordRaw, RouterView } from 'vue-router';
-import LayoutPage from '@/layout/components/page.vue';
+import { RouteRecordRaw } from 'vue-router';
+import {LayoutPage} from '@/router/constant';
 import { concatObjectValue } from '@/utils/helper';
 export const routes: RouteRecordRaw[] = [
   {
diff --git a/src/router/routes/example/multilevel/1.ts b/src/router/routes/example/multilevel/1.ts
index 6bfcbd3f..968bcba1 100644
--- a/src/router/routes/example/multilevel/1.ts
+++ b/src/router/routes/example/multilevel/1.ts
@@ -1,5 +1,5 @@
-import { RouteRecordRaw, RouterView } from 'vue-router';
-import LayoutPage from '@/layout/components/page.vue';
+import { RouteRecordRaw } from 'vue-router';
+import {LayoutPage} from '@/router/constant';
 export const routes: RouteRecordRaw[] = [
   {
     path: '1',
diff --git a/src/utils/permission.ts b/src/utils/permission.ts
index 021b5bc5..92ec0dc8 100644
--- a/src/utils/permission.ts
+++ b/src/utils/permission.ts
@@ -1,5 +1,4 @@
-import Layout from '@/layout/index.vue';
-import LayoutPage from '@/layout/components/page.vue';
+import { Layout,LayoutPage } from '@/router/constant';
 import Page404 from '@/views/404.vue';
 import { useUserStore } from '@/store';
 import { RouteRecordRaw } from 'vue-router';