vue 浏览器指纹-fingerprintjs

FingerprintJS 是一个用于创建用户浏览器指纹的开源库。在 Vue 应用中使用 FingerprintJS 可以帮助你追踪用户的浏览器信息，从而实现个性化的服务或者分析用户行为。

首先，你需要安装 FingerprintJS：

npm install @fingerprintjs/fingerprintjs

然后，你可以在 Vue 组件中使用它来创建浏览器指纹：

<template>
  <div>
    <button @click="getBrowserFingerprint">Get Browser Fingerprint</button>
    <div v-if="fingerprint">Browser Fingerprint: {{ fingerprint }}</div>
  </div>
</template>
 
<script>
import FingerprintJS from '@fingerprintjs/fingerprintjs';
 
export default {
  data() {
    return {
      fingerprint: null,
    };
  },
  methods: {
    async getBrowserFingerprint() {
      try {
        const fp = await FingerprintJS.load();
        this.fingerprint = await fp.get();
      } catch (error) {
        console.error('Error loading fingerprint generator:', error);
      }
    },
  },
};
</script>

在这个例子中，我们创建了一个名为 getBrowserFingerprint 的方法，当按钮被点击时，该方法会被调用，并且生成浏览器的指纹。然后，指纹会被存储在组件的 fingerprint 数据属性中，并在模板中显示出来。