尚品汇项目之uuid游客身份获取购物车数据

首先书写获取购物车的数据的接口

 URL:/api/cart/cartList  method:get

接下来由于是个新模块所以建立一个新的仓库名为shopcart

 

仓库完成之后，开始vuex三连环，在三连环之前，先测试一下拿到的数据=>测试是否能获取个人购物车的数据

 

为什么这里有this.getData?

防止获取购物车的数据请求发多次，为什么？当我们点击增加数量的时候，还得发这个接口，还得捞新的数据

得到的数据如下所示

可以发现没有拿到数据，这是因为服务器不知道给你谁的数据。假设用户很多，那么根据用户的不同返回的应该是不同的数据。为了方便演示这个效果，引入uuid。

封装一个固定的uuid

储存在detail仓库中。

暴露一个函数，返回一个随机串，生成后不能再变

 

接下来找到api文件夹下的request.js文件。利用请求头传递数据