diff --git a/src/layout/components/Logo.vue b/src/layout/components/Logo.vue
index 58b6cf9..7a0b8eb 100644
--- a/src/layout/components/Logo.vue
+++ b/src/layout/components/Logo.vue
@@ -1,14 +1,17 @@
 <template>
   <section class="system-logo" :class="{ collapsed: props.collapsed }" @click="toHome">
-    <img class="logo" :src="appStore.getLogo() ?? '@/assets/images/logo.svg'" alt="logo" />
-    <span class="system-name">{{ appStore.getTitle() }}</span>
+    <img class="logo" :src="appStore.getLogo() ?? '@/assets/images/logo.svg'"  alt="logo"/>
+    <span class="system-name">{{ webTitle }}</span>
   </section>
 </template>
 
 <script setup lang="ts">
-import { useAppStore } from '@/stores'
+import {useAppStore} from "@/stores";
 
-const appStore = useAppStore()
+const appStore= useAppStore();
+appStore.initWebConfig()
+
+const webTitle = computed(() => appStore.getTitle());
 
 interface Props {
   collapsed?: boolean
diff --git a/src/router/permission.ts b/src/router/permission.ts
index 9e9442b..f84e30f 100644
--- a/src/router/permission.ts
+++ b/src/router/permission.ts
@@ -16,7 +16,6 @@ router.beforeEach(async (to, from, next) => {
   const userStore = useUserStore()
   const routeStore = useRouteStore()
   const appStore = useAppStore()
-  appStore.initWebConfig()
 
   // 判断该用户是否登录
   if (getToken()) {