Vue UUID 唯一身份标识

UUID

UUID通用识别码的缩写，是一种软件建构的标准，是让分布式系统中的所有元素，都能有唯一的辨识信息，而不需要通过中央控制端来做辨识信息的指定。
场景：向服务器发请求获取购物车数据时，获取不到购物车的数据，因为服务器不知道是谁的uuid。
安装：
npm install uuid

生成一个UUID：
import { v4 as uuidv4 } from ‘uuid’;
uuidv4(); // ⇨ ‘9b1deb4d-3b7d-4bad-9bdd-2b0d7b3dcb6d’

使用CommonJS 语法：
const { v4: uuidv4 } = require(‘uuid’);
uuidv4(); // ⇨ ‘1b9d6bcd-bbfd-4b2d-9b5d-ab8dfbbd4bed’

应用场景：
页面刷新生成一个UUID：uuid.v4()
打开页面/标签，即生成一个UUID，页面刷新UUID不会变。
打开页面，如果没有UUID则生成一个存入sessionStorage，如果有则直接读取sessionStorage的UUID。
let uuid = sessionStorage.getItem(‘uuid’);
if (!uuid) {
sessionStorage.setItem(‘uuid’,uuidv4());
}
UUID长期保存，清缓存后自动生成。可以将 uuid 存入 localStorage 中，可以长期保存。然后，增加登录验证，未登陆状态再生成 UUID：
if (getToken()){//判断是否有 token
sessionStorage.removeItem(‘uuid’); //如果有，清除 sessionStorage 中的 uuid
} else {//未登录状态生成 uuid
let uuid = sessionStorage.getItem(‘uuid’);
if (!uuid) {
sessionStorage.setItem(‘uuid’,uuidv4());
}
}

最后，请求拦截器中以报文的形式传给服务器。
// 请求拦截器
requests.interceptors.request.use((config)={
if( store.state.detail.uuid){
config.headers.userTempId = store.state.detail.uuid;
}
return config;
})