diff --git a/src/http/request.ts b/src/http/request.ts
index c1b2c38..4d0c4a1 100644
--- a/src/http/request.ts
+++ b/src/http/request.ts
@@ -1,9 +1,9 @@
 import type { AxiosInstance, AxiosRequestConfig } from "axios"
 import { useUserStore } from "@/pinia/stores/user"
+import { getToken } from "@/utils/cache/cookies"
 import axios from "axios"
 import { ElMessage } from "element-plus"
 import { get, merge } from "lodash-es"
-import { getToken } from "../utils/cache/cookies"
 
 /** 退出登录并强制刷新页面（会重定向到登录页） */
 function logout() {
diff --git a/src/layouts/components/NavigationBar/index.vue b/src/layouts/components/NavigationBar/index.vue
index fb8484d..98d02bb 100644
--- a/src/layouts/components/NavigationBar/index.vue
+++ b/src/layouts/components/NavigationBar/index.vue
@@ -11,9 +11,7 @@ import { useUserStore } from "@/pinia/stores/user"
 import { UserFilled } from "@element-plus/icons-vue"
 import { storeToRefs } from "pinia"
 import { useRouter } from "vue-router"
-import Breadcrumb from "../Breadcrumb/index.vue"
-import Hamburger from "../Hamburger/index.vue"
-import Sidebar from "../Sidebar/index.vue"
+import { Breadcrumb, Hamburger, Sidebar } from "../index"
 
 const { isMobile } = useDevice()
 const { isTop } = useLayoutMode()
diff --git a/src/layouts/components/Sidebar/index.vue b/src/layouts/components/Sidebar/index.vue
index e13e421..2e83b13 100644
--- a/src/layouts/components/Sidebar/index.vue
+++ b/src/layouts/components/Sidebar/index.vue
@@ -7,7 +7,7 @@ import { useSettingsStore } from "@/pinia/stores/settings"
 import { getCssVar } from "@/utils/css"
 import { computed } from "vue"
 import { useRoute } from "vue-router"
-import Logo from "../Logo/index.vue"
+import { Logo } from "../index"
 import SidebarItem from "./SidebarItem.vue"
 
 const v3SidebarMenuBgColor = getCssVar("--v3-sidebar-menu-bg-color")
diff --git a/src/layouts/components/index.ts b/src/layouts/components/index.ts
index d272e00..bba9706 100644
--- a/src/layouts/components/index.ts
+++ b/src/layouts/components/index.ts
@@ -1,4 +1,7 @@
 export { default as AppMain } from "./AppMain.vue"
+export { default as Breadcrumb } from "./Breadcrumb/index.vue"
+export { default as Footer } from "./Footer/index.vue"
+export { default as Hamburger } from "./Hamburger/index.vue"
 export { default as Logo } from "./Logo/index.vue"
 export { default as NavigationBar } from "./NavigationBar/index.vue"
 export { default as RightPanel } from "./RightPanel/index.vue"