Vue项目中如何获取浏览器唯一标识Fingerprint2-浏览器指纹获取-demo

 Fingerprint

"fingerprintjs2": "^2.1.4", 

<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