diff --git a/src/App.vue b/src/App.vue
index 97e3772d9..85233338b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,6 +3,7 @@
 </template>
 
 <script setup lang="ts">
+import useDashboardVersion from '@/hooks/useDashboardVersion'
 import { computed } from 'vue'
 import { useStore } from 'vuex'
 import { useRoute, useRouter } from 'vue-router'
@@ -63,6 +64,9 @@ if (syncOsTheme.value) {
   hadleSyncOSTheme()
 }
 
+const { printVersion } = useDashboardVersion()
+printVersion()
+
 const router = useRouter()
 const route = useRoute()
 const { getUserInfoFromQuery } = useGetInfoFromQuery()
diff --git a/src/hooks/useDashboardVersion.ts b/src/hooks/useDashboardVersion.ts
new file mode 100644
index 000000000..c25614417
--- /dev/null
+++ b/src/hooks/useDashboardVersion.ts
@@ -0,0 +1,26 @@
+import axios from 'axios'
+
+export default (): {
+  printVersion: () => Promise<void>
+} => {
+  const versionReg = /refs\/tags\/(.+)/
+  const printVersion = async () => {
+    try {
+      const { data: versionContent } = await axios({
+        method: 'get',
+        url: 'version',
+        baseURL: '',
+      })
+      debugger
+      const version = versionContent.match(versionReg)?.[1]
+      if (version) {
+        console.log('🔎 Dashboard Version:', version)
+      }
+    } catch (error) {
+      //
+    }
+  }
+  return {
+    printVersion,
+  }
+}