Fingerprint

"fingerprintjs2": "^2.1.4", 

<template>
    <n-card :segmented="{content: true,footer:true}" footer-style="padding:10px">
        <template #header>
            通过设备浏览器信息获取浏览器指纹的插件(官方宣称其识别精度达到99.5%)
        </template>
        <div>
           指纹ID:
            <n-text type="info">
                {{compData.murmur}}
            </n-text>
        </div>
    </n-card>
</template>
<script lang="ts">
import {defineComponent, reactive, watch} from "vue"
import Fingerprint2 from "fingerprintjs2"
export default defineComponent({
    setup(){
        const compData = reactive({
            values:{},
            murmur:""
        })
        const createFingerprint=  ()=>{
            Fingerprint2.get((components) => {
                compData.values = components.map(component => component.value) // 配置的值的数组
                compData.murmur = Fingerprint2.x64hash128(compData.values.join(""), 31).toUpperCase() // 生成浏览器指纹
            })
        }
        if (window.requestIdleCallback) {
            requestIdleCallback(() => {
                createFingerprint()
            })
        } else {
            setTimeout(() => {
                createFingerprint()
            }, 600)
        }
        return {
            compData
        }
    }
})
</script>

---

@fingerprintjs/fingerprintjs 

"@fingerprintjs/fingerprintjs": "^3.4.1",

npm i @fingerprintjs/fingerprintjs

<script>
import FingerprintJS from '@fingerprintjs/fingerprintjs';

let timer = null;
export default {
  name: 'App',
  components: {
    
  },
  data() {
    return {
    };
  },
  mounted() {
    this.getFingerprint();
  },

  methods: {
    // 浏览器指纹
    getFingerprint() {
      const fing = localStorage.getItem('fingerprint');
      console.log('getFlag-1');
      if (fing != null) return;
      console.log('getFlag-2');
      FingerprintJS.load().then((fp) => {
        // The FingerprintJS agent is ready.
        // Get a visitor identifier when you'd like to.
        fp.get().then((result) => {
          // This is the visitor identifier:
          const visitorId = result.visitorId;
          // console.log(visitorId, 8888);
          localStorage.setItem('fingerprint', visitorId);
        });
      });
    },
  },
};
</script>