项目退出功能实现以及部分接口优化
一.退出功能实现:
1》添加退出按钮,并实现退出登录的接口:
navheader.vue:
2》此时退出功能没有完全实现,我们需要把在navheader渲染的用户名称和购物车数量清空:
清空cookie和vuex中 用户名称和购物车数量
3》正常情况下,用户选择一定量的商品添加购物车,退出登录再登录,购物车也不会清空,但是我们现在会清空,我们需要进行修改:我们需要再次登录后,重新获取购物车数量。
此时有人会有问题,之前App.vue不是设置过获取用户名称和购物车数量的函数调用吗?
我们在App.vue设置获取用户名称和购物车数量的函数调用的初心是因为我们是单页面的,我们把数据存储在vuex里面去,vuex在内