1.utils

说明：一般封装工具函数。

// 单例模式
import { v4 as uuidv4 } from 'uuid';
// 要生成一个随机的字符串，且每次执行不能发生变化
// 游客身份还要持久存储
function getUUID(){// 先从本地获取uuid，本地存储里面是否有let uuid_token=localStorage.getItem("UUIDTOKEN")// 如果没有生成if(!uuid_token){// 没有那么生成uuid_token=uuidv4() localStorage.setItem("UUIDTOKEN",uuid_token)}return uuid_token
}export default getUUID

2.组件仓库

说明： 本人使用的是detail组件中的仓库。

// 封装临时游客身份，生成一个随机的字符串，并且生成一次
// 就不能改变了
import  getUUID from '@/utils/uuid_token';const state={// 游客的临时省份uuid_token:getUUID()
}

 3.展示