前端网站使用uuid解决游客登录模式

一、Vue中安装及使用uuid

1. 安装命令：npm install vue-uuid
   

2. 在项目中package.json文件中查看uuid是否安装成功：若出现如下图所示则表示已安装成功
   

二、Vue中引入uuid

1. 全局引用：在main.js/main.ts文件中进行引用
2. 局部引用：在你所使用的页面进行引用，这里采用的是局部引用
   在src - utils中新建uuid-token.ts文件

// 局部引入uuid
import {
   
    
     v4 as uuidv4 } from 'uuid';
// 要生成一个随机字符串，且每次执行不能发生变化，游客身份持久存储
export const getUUID=()=>{
   
    
    
    let uuid_token=localStorage.getItem("UUIDTOKEN")
    if(!uuid_token){