refactor: 修复fingerpointjs名称被拦截的问题

Author: Sunwuyuan

src/components/settings/AboutCard.vue

@@ -226,7 +226,7 @@
 <script>
 import {ref, onMounted, computed} from "vue";
 import { useRouter } from 'vue-router'
-import { getVisitorId } from '@/utils/fingerprint'
+import { getVisitorId } from '@/utils/visitorId'
 import packageJson from "../../../package.json";
 
 export default {

src/main.js

@@ -21,7 +21,7 @@ import {createApp} from 'vue'
 //import '@examaware-cs/player/dist/player.css'
 
 import messageService from './utils/message';
-import { getVisitorId } from './utils/fingerprint';
+import { getVisitorId } from './utils/visitorId';
 
 const app = createApp(App)
 

src/pages/debug.vue

@@ -22,7 +22,7 @@
 
 <script setup>
 import { ref, onMounted } from 'vue'
-import { getVisitorId, getFingerprintData } from '@/utils/fingerprint'
+import { getVisitorId, getFingerprintData } from '@/utils/visitorId'
 
 const visitorId = ref('')
 const fingerprintData = ref({})

src/utils/fingerprint.js

@@ -0,0 +1,48 @@
+let fpPromise
+
+const buildFallbackAgent = (error) => ({
+  get: async () => ({
+    visitorId: 'unknown',
+    error: error?.message || String(error || ''),
+    fallback: true,
+  }),
+})
+
+const loadFingerprintLib = async () => {
+  try {
+    const mod = await import('@fingerprintjs/fingerprintjs')
+    return mod?.default || mod
+  } catch (err) {
+    console.warn('Fingerprint library blocked or failed to load; using fallback agent.', err)
+    return null
+  }
+}
+
+export const loadFingerprint = () => {
+  if (!fpPromise) {
+    fpPromise = (async () => {
+      const FingerprintJS = await loadFingerprintLib()
+      if (!FingerprintJS) return buildFallbackAgent(new Error('fingerprint module unavailable'))
+
+      try {
+        return await FingerprintJS.load()
+      } catch (err) {
+        console.warn('FingerprintJS.load failed, using fallback agent.', err)
+        return buildFallbackAgent(err)
+      }
+    })()
+  }
+  return fpPromise
+}
+
+export const getVisitorId = async () => {
+  const fp = await loadFingerprint()
+  const result = await fp.get()
+  return result?.visitorId || 'unknown'
+}
+
+export const getFingerprintData = async () => {
+  const fp = await loadFingerprint()
+  const result = await fp.get()
+  return result
+}