22:相关细节问题
22.1 在a标签(route-link一样)中定义 target="_blank" 会打开新窗口打开页面。
22.2 如果在路由配置中没有占位,params形式传递参数,刷新页面会导致数据丢失
解决方法:
1:使用query传参,局限性:如果传递的是对象,将会使URL路径不易读,使用无影响
2:使用会话存储(sessionStorage),存储在浏览器中
注意:会话存储不能够存储对象(纯数组可以,但是数组里也不能包含对象),所以需要用JSON.Stringify转变格式,使用时再使用JSON.parse转成对象
22.3 游客临时id的生成
因为在添加商品到购物车时,服务器需要一个用户的标识。
解决方法:因为接口中没有游客临时id的位置,所以在请求头中进行传递。使用uuid将生成的唯一标识保存到本地存储localStorage中。
功能模块放在utils文件夹中,在main.js文件中引入使用即可
import { v4 as uuidv4 } from 'uuid'
expor