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;
})