diff --git a/src/components/DataStatistics.vue b/src/components/DataStatistics.vue
index e2e256ef0af596cec6ae2e7e4d383824f74901ee..761ad28c7c119c32cf351d2ec34e6e29b0db4a3b 100644
--- a/src/components/DataStatistics.vue
+++ b/src/components/DataStatistics.vue
@@ -25,27 +25,32 @@
 </template>
 <script setup>
 import axios from '@/utils/http'
-const { proxy } = getCurrentInstance()
 import { reactive, onMounted, getCurrentInstance } from 'vue'
+const { proxy } = getCurrentInstance()
 onMounted(() => {
   getData()
 })
 
 const newData = reactive([])
+
+function getIcon(iconName) {
+  return new URL(`../assets/img/dataStatistics/${iconName}.png`, import.meta.url).href
+}
+
 const dataStatistics = reactive([
   {
-    background: '/src/assets/img/dataStatistics/navCheck.png',
-    logo: '/src/assets/img/dataStatistics/blockLogo.png',
+    background: getIcon('navCheck'),
+    logo: getIcon('blockLogo'),
     title: '区块总数'
   },
   {
-    background: '/src/assets/img/dataStatistics/navCheck.png',
-    logo: '/src/assets/img/dataStatistics/storageLogo.png',
+    background: getIcon('navCheck'),
+    logo: getIcon('storageLogo'),
     title: '总交易数'
   },
   {
-    background: '/src/assets/img/dataStatistics/navCheck.png',
-    logo: '/src/assets/img/dataStatistics/backupLogo.png',
+    background: getIcon('navCheck'),
+    logo: getIcon('backupLogo'),
     title: '智能合约数'
   }
 ])