diff --git a/src/api/music.ts b/src/api/music.ts
index ac92fa0..6cb3bfc 100644
--- a/src/api/music.ts
+++ b/src/api/music.ts
@@ -1,7 +1,6 @@
 import { IPlayMusicUrl } from "@/type/music";
 import { ILyric } from "@/type/lyric";
 import request from "@/utils/request";
-
 // 根据音乐Id获取音乐播放URl
 export const getMusicUrl = (id: number) => {
   return request.get<IPlayMusicUrl>("/song/url", { params: { id: id } });
diff --git a/src/layout/AppLayout.vue b/src/layout/AppLayout.vue
index 265f28f..cc72057 100644
--- a/src/layout/AppLayout.vue
+++ b/src/layout/AppLayout.vue
@@ -30,7 +30,13 @@
 import type { SongResult } from '@/type/music';
 import { computed } from 'vue';
 import { useStore } from 'vuex';
-import { AppMenu, PlayBar, SearchBar } from './components';
+// import { AppMenu, PlayBar, SearchBar } from './components';
+import {defineAsyncComponent} from 'vue';
+const AppMenu = defineAsyncComponent(() => import('./components/AppMenu.vue'));
+const PlayBar = defineAsyncComponent(() => import('./components/PlayBar.vue'));
+const SearchBar = defineAsyncComponent(() => import('./components/SearchBar.vue'));
+
+
 
 const store = useStore();
 
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index a6b62a2..75e2b0a 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -14,10 +14,15 @@
 </template>
 
 <script lang="ts" setup>
-import RecommendSinger from "@/components/RecommendSinger.vue";
-import PlaylistType from "@/components/PlaylistType.vue";
-import RecommendSonglist from "@/components/RecommendSonglist.vue";
-import RecommendAlbum from "@/components/RecommendAlbum.vue";
+import {defineAsyncComponent} from 'vue';
+// import RecommendSinger from "@/components/RecommendSinger.vue";
+// import PlaylistType from "@/components/PlaylistType.vue";
+// import RecommendSonglist from "@/components/RecommendSonglist.vue";
+// import RecommendAlbum from "@/components/RecommendAlbum.vue";
+const RecommendSinger = defineAsyncComponent(() => import("@/components/RecommendSinger.vue"));
+const PlaylistType = defineAsyncComponent(() => import("@/components/PlaylistType.vue"));
+const RecommendSonglist = defineAsyncComponent(() => import("@/components/RecommendSonglist.vue"));
+const RecommendAlbum = defineAsyncComponent(() => import("@/components/RecommendAlbum.vue"));
 
 </script>