add fingerprint

package-lock.json

@@ -1207,6 +1207,14 @@
         "to-fast-properties": "^2.0.0"
       }
     },
+    "@fingerprintjs/fingerprintjs": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/@fingerprintjs/fingerprintjs/-/fingerprintjs-3.3.0.tgz",
+      "integrity": "sha512-2kw2yVrfMKd0YvmYAdNxhGytNhhLvChqNAbBZWMglYVw2J95Jm50ketK5yS1C8SJmqG2nFJgeuWvYXeZEh+b8g==",
+      "requires": {
+        "tslib": "^2.0.1"
+      }
+    },
     "@hapi/address": {
       "version": "2.1.4",
       "resolved": "https://registry.npmjs.org/@hapi/address/-/address-2.1.4.tgz",

package.json

@@ -8,6 +8,7 @@
   },
   "dependencies": {
     "@amap/amap-jsapi-loader": "^1.0.1",
+    "@fingerprintjs/fingerprintjs": "^3.3.0",
     "@quasar/extras": "^1.0.0",
     "ali-oss": "^6.16.0",
     "autosize": "^5.0.1",

src/App.vue

@@ -18,6 +18,7 @@ import { getMasterIdFromDisplayMsg, getTargetIdFromDisplayMsg } from "./utils/ch
 import isChattingWith from "./utils/isChattingWith";
 import { ChatMessageTypes } from "@/types/chatMessageTypes"
 import { chatCardTimeStamp } from "./store/chatCardStore";
+import { getVisitorId } from "./utils/visitorId";
 
 export default defineComponent({
   setup() {
@@ -50,6 +51,9 @@ export default defineComponent({
 
     onMounted(() => {
       connect();
+      getVisitorId().then(id=>{
+        console.log(id, "show id");
+      })
     })
 
     watch(() => connectionState.error, () => {

src/service/index.ts

+import axios from 'axios'
+import { Toast } from 'vant'
+
+const BaseInstance = axios.create({
+  baseURL: '/proxyApi',
+})
+
+BaseInstance.interceptors.response.use(
+  (value: any) => {
+    return value.data
+  },
+  (error) => {
+    Toast.fail(error.message)
+    throw new Error(error)
+  },
+)

src/utils/visitorId.ts

+import FingerprintJS from '@fingerprintjs/fingerprintjs'
+
+const VISITORID = 'VISITORID'
+
+export async function getVisitorId() {
+  let id = sessionStorage.getItem(VISITORID)
+  if (!id) {
+    const fp = await FingerprintJS.load()
+    const result = await fp.get()
+    id = result.visitorId
+    sessionStorage.setItem(VISITORID, id)
+  }
+  return id
+}