diff --git a/core/core-frontend/src/layout/components/Header.vue b/core/core-frontend/src/layout/components/Header.vue
index 85eea39994..2e15746d92 100644
--- a/core/core-frontend/src/layout/components/Header.vue
+++ b/core/core-frontend/src/layout/components/Header.vue
@@ -17,7 +17,6 @@ import { XpackComponent } from '@/components/plugin'
 import { useAppearanceStoreWithOut } from '@/store/modules/appearance'
 import AiComponent from '@/layout/components/AiComponent.vue'
 import { findBaseParams } from '@/api/aiComponent'
-import ExportExcel from '@/views/visualized/data/dataset/ExportExcel.vue'
 import AiTips from '@/layout/components/AiTips.vue'
 import Copilot from '@/layout/components/Copilot.vue'
 
@@ -49,9 +48,8 @@ const activeIndex = computed(() => {
 })
 
 const permissionStore = usePermissionStore()
-const ExportExcelRef = ref()
 const downloadClick = params => {
-  ExportExcelRef.value.init(params)
+  useEmitt().emitter.emit('data-export-center', params)
 }
 const routers: any[] = formatRoute(permissionStore.getRoutersNotHidden as AppCustomRouteRecordRaw[])
 const showSystem = ref(false)
@@ -116,12 +114,6 @@ onMounted(() => {
   initShowToolbox()
   initAiBase()
   initCopilotBase()
-  useEmitt({
-    name: 'data-export-center',
-    callback: function (params) {
-      ExportExcelRef.value.init(params)
-    }
-  })
 })
 </script>
 
@@ -192,7 +184,6 @@ onMounted(() => {
       <div v-if="showOverlayCopilot && appearanceStore.getShowCopilot" class="overlay"></div>
     </div>
   </el-header>
-  <ExportExcel ref="ExportExcelRef"></ExportExcel>
 </template>
 
 <style lang="less" scoped>
diff --git a/core/core-frontend/src/pages/index/App.vue b/core/core-frontend/src/pages/index/App.vue
index 920e715190..3cebd898d7 100644
--- a/core/core-frontend/src/pages/index/App.vue
+++ b/core/core-frontend/src/pages/index/App.vue
@@ -1,10 +1,22 @@
 <script setup lang="ts">
+import { ref } from 'vue'
+import { useEmitt } from '@/hooks/web/useEmitt'
 import configGlobal from '@/components/config-global/src/ConfigGlobal.vue'
 import { useRoute } from 'vue-router'
+import ExportExcel from '@/views/visualized/data/dataset/ExportExcel.vue'
 const route = useRoute()
+const exportExcelRef = ref()
+const exportExcelCenter = params => {
+  exportExcelRef.value.init(params)
+}
+useEmitt({
+  name: 'data-export-center',
+  callback: exportExcelCenter
+})
 </script>
 <template>
   <config-global>
     <router-view :key="route.path" />
+    <ExportExcel ref="exportExcelRef"></ExportExcel>
   </config-global>
 </template>