diff --git a/frontend/src/request/basic.ts b/frontend/src/request/basic.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d26480f2fb44b63516ea59355356988ba95d3945
--- /dev/null
+++ b/frontend/src/request/basic.ts
@@ -0,0 +1,7 @@
+import request from './request';
+
+// 在组件或其他地方调用request方法
+export const platformVersion = async () => {
+  const response = await request({ url: '/version', method: 'GET' });
+  return response;
+};
diff --git a/frontend/src/views/Home/Home.vue b/frontend/src/views/Home/Home.vue
index 386fb9650cddcf9be1dc21740a5d16662a0aa77f..77eb212059cf152f8993261dcea47b0e462b9a25 100644
--- a/frontend/src/views/Home/Home.vue
+++ b/frontend/src/views/Home/Home.vue
@@ -39,10 +39,14 @@
 
 <script setup lang="ts">
 import { ref, onMounted } from "vue";
+import { ElMessage } from 'element-plus';
+
 import BreadCrumb from "./components/BreadCrumb.vue";
 import Sidebar from "./components/Sidebar.vue";
 
 import { updateSidebarItems } from "@/router/index";
+import { platformVersion } from "@/request/basic"
+import { RespCodeOK } from "@/request/request";
 
 const user = ref({
     name: "admin",
@@ -58,6 +62,20 @@ const version = ref<VersionInfo>({})
 
 onMounted(() => {
     updateSidebarItems();
+
+    platformVersion().then((resp: any) => {
+        if (resp.code == RespCodeOK) {
+            version.value = {
+                commit: resp.data.commit,
+                version: resp.data.version,
+                build_time: resp.data.build_time,
+            }
+        } else {
+            ElMessage.error("failed to login:" + resp.msg)
+        }
+    }).catch((err) => {
+        ElMessage.error("get platform version failed:", err)
+    })
 })
 
 </script>