diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index 9de5142..a1d2e3c 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { routeWhiteList } from '@/config/routes'
+
 const route = useRoute()
 const router = useRouter()
 
@@ -18,9 +20,7 @@ const title = computed(() => {
   return route.meta.i18n ? t(route.meta.i18n) : (route.meta.title || '')
 })
 
-const routeWhiteList = ['home', 'profile']
-
-const showLeftArrow = computed(() => routeWhiteList.includes(route.name))
+const showLeftArrow = computed(() => route.name && routeWhiteList.includes(route.name))
 </script>
 
 <template>
diff --git a/src/components/TabBar.vue b/src/components/TabBar.vue
index 13944fc..9d5d66c 100644
--- a/src/components/TabBar.vue
+++ b/src/components/TabBar.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
+import { routeWhiteList } from '@/config/routes'
+
 const { t } = useI18n()
 const active = ref(0)
 const route = useRoute()
 
-const routeWhiteList = ['home', 'profile']
-
-const show = computed(() => routeWhiteList.includes(route.name))
+const show = computed(() => route.name && routeWhiteList.includes(route.name))
 </script>
 
 <template>
diff --git a/src/config/routes.ts b/src/config/routes.ts
new file mode 100644
index 0000000..9900f5b
--- /dev/null
+++ b/src/config/routes.ts
@@ -0,0 +1,5 @@
+// 定义导航栏和标签栏可见的路由白名单
+export const routeWhiteList: readonly string[] = [
+  'home', // 首页
+  'profile', // 个人中心
+]