fixed: the mcpServer you need maybe undefined when you want to use

src/renderer/src/components/settings/DifyKnowledgeSettings.vue

@@ -183,7 +183,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, onMounted, watch, toRaw } from 'vue'
+import { ref, computed, onMounted, watch, toRaw, onUnmounted } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { Icon } from '@iconify/vue'
 import { Button } from '@/components/ui/button'
@@ -402,11 +402,6 @@ watch(
   }
 )
 
-// 组件挂载时加载配置
-onMounted(async () => {
-  await loadDifyConfigFromMcp()
-})
-
 // 监听URL查询参数，设置活动标签页
 watch(
   () => route.query.subtab,
@@ -417,4 +412,26 @@ watch(
   },
   { immediate: true }
 )
+
+// 组件挂载时加载配置
+let unwatch: () => void // only use here, so declare it here
+onMounted(async () => {
+  unwatch = watch(
+    () => mcpStore.config.ready,
+    async (ready) => {
+      if (ready) {
+        unwatch() // only run once to avoid multiple calls
+        await loadDifyConfigFromMcp()
+      }
+    },
+    { immediate: true }
+  )
+})
+
+// cancel the watch to avoid memory leaks
+onUnmounted(() => {
+  if (unwatch) {
+    unwatch()
+  }
+})
 </script>

src/renderer/src/components/settings/FastGptKnowledgeSettings.vue

@@ -183,7 +183,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, onMounted, watch, toRaw } from 'vue'
+import { ref, computed, onMounted, watch, toRaw, onUnmounted } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { Icon } from '@iconify/vue'
 import { Button } from '@/components/ui/button'
@@ -355,6 +355,7 @@ const updateFastGptConfigToMcp = async () => {
 const loadFastGptConfigFromMcp = async () => {
   try {
     // 获取fastGptKnowledge服务器配置
+    console.log(mcpStore.config)
     const serverConfig = mcpStore.config.mcpServers['fastGptKnowledge']
     if (serverConfig && serverConfig.env) {
       // 解析配置 - env可能是JSON字符串
@@ -412,7 +413,24 @@ watch(
 )
 
 // 组件挂载时加载配置
+let unwatch: () => void // only use here, so declare it here
 onMounted(async () => {
-  await loadFastGptConfigFromMcp()
+  unwatch = watch(
+    () => mcpStore.config.ready,
+    async (ready) => {
+      if (ready) {
+        unwatch() // only run once to avoid multiple calls
+        await loadFastGptConfigFromMcp()
+      }
+    },
+    { immediate: true }
+  )
+})
+
+// cancel the watch to avoid memory leaks
+onUnmounted(() => {
+  if (unwatch) {
+    unwatch()
+  }
 })
 </script>

src/renderer/src/components/settings/RagflowKnowledgeSettings.vue

@@ -183,7 +183,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, onMounted, watch, toRaw } from 'vue'
+import { ref, computed, onMounted, watch, toRaw, onUnmounted } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { Icon } from '@iconify/vue'
 import { Button } from '@/components/ui/button'
@@ -431,7 +431,24 @@ watch(
 )
 
 // 组件挂载时加载配置
+let unwatch: () => void // only use here, so declare it here
 onMounted(async () => {
-  await loadRagflowConfigFromMcp()
+  unwatch = watch(
+    () => mcpStore.config.ready,
+    async (ready) => {
+      if (ready) {
+        unwatch() // only run once to avoid multiple calls
+        await loadRagflowConfigFromMcp()
+      }
+    },
+    { immediate: true }
+  )
+})
+
+// cancel the watch to avoid memory leaks
+onUnmounted(() => {
+  if (unwatch) {
+    unwatch()
+  }
 })
 </script>

src/renderer/src/stores/mcp.ts

@@ -38,7 +38,8 @@ export const useMcpStore = defineStore('mcp', () => {
   const config = ref<MCPConfig>({
     mcpServers: {},
     defaultServers: [],
-    mcpEnabled: false // 添加MCP启用状态
+    mcpEnabled: false, // 添加MCP启用状态
+    ready: false // if init finished, the ready will be true
   })
 
   // MCP全局启用状态
@@ -108,11 +109,11 @@ export const useMcpStore = defineStore('mcp', () => {
         mcpPresenter.getMcpDefaultServers(),
         mcpPresenter.getMcpEnabled()
       ])
-
       config.value = {
         mcpServers: servers,
         defaultServers: defaultServers,
-        mcpEnabled: enabled
+        mcpEnabled: enabled,
+        ready: true // config is loaded
       }
 
       // 获取服务器运行状态

src/shared/presenter.d.ts

@@ -875,6 +875,7 @@ export interface MCPConfig {
   mcpServers: Record<string, MCPServerConfig>
   defaultServers: string[]
   mcpEnabled: boolean
+  ready: boolean
 }
 
 export interface MCPToolDefinition {