购好物，添加测试页面，获取浏览器唯一标识~

王强
1 parent 69a96497
Showing 2 changed files with 73 additions and 1 deletions
src/pages/getBrowersAgent/getBrowersAgent.vue
src/router/index.js
+<template>
+    <div>
+        获取浏览器唯一标识
+    </div>
+</template>
+
+<script>
+    
+    export default {
+        name: 'getBrowersAgentPage',
+        data () {
+            return {
+                
+            }
+        },
+        components: {
+            
+        },
+        computed: {
+            
+        },
+        created() {
+			
+        },
+        methods: {
+
+            /**
+			 * 获取浏览器唯一标识
+			 */
+			getBrowersAgent() {
+
+                // 初始化Promise对象
+                const fpPromise = new Promise((resolve, reject) => {
+                    const script = document.createElement('script');
+                    script.onload = resolve;
+                    script.onerror = reject;
+                    script.async = true;
+                    script.src = 'https://cdn.jsdelivr.net/npm/@fingerprintjs/fingerprintjs@3/dist/fp.min.js';
+                    document.head.appendChild(script);
+                }).then(() => FingerprintJS.load());
+
+                // Get the visitor identifier when you need it.
+                fpPromise.then(fp => fp.get()).then(result => {
+
+                    // This is the visitor identifier
+                    const visitorId = result.visitorId;
+
+                    // 测试代码，控制台输出浏览器唯一标识
+                    console.log(visitorId);
+                });
+			}
+        },
+        mounted() {
+
+            // 获取浏览器唯一标识
+            this.getBrowersAgent();
+        }
+    }
+</script>
 \ No newline at end of file
@@ -364,8 +364,21 @@ const router = new Router({
                     meta: {
                         requireAuth: false
                     }
-                }
+                },
                 /*  健步走健康值商城结束 */
+                {
+                    // 获取浏览器唯一标识（测试页面）
+                    path: "/getBrowersAgent",
+                    name: "getBrowersAgent",
+                    component: resolve => {
+                        require([
+                            "@/pages/getBrowersAgent/getBrowersAgent"
+                        ], resolve);
+                    },
+                    meta: {
+                        requireAuth: false
+                    }
+                }
             ]
         },
         {