1.登录页面：通过axios向后台发送验证请求,最终会返回token令牌字符串和id,将这个两个数据存入vuex中,然后通过localStorage完成本地持久化存储，方便后面验证有无登录2.首页：通过axios调用后台数据,最终把他们渲染出来用到了vant组件库的一些组件3.搜索页:对于搜索记录通过localStorage进行本地持久化存储,通过unshift往数据前增加数据实现每次的搜索记录都在最前面,通过数组中indexOf判断搜索历史中是否有当前正在搜索的物品有就通过splice删除在往前面添加,对于点击搜索历史进行搜索也同样如此4.商品详情页面:基本的结构渲染,对于加入购物车按钮做了token判断对于未登录用户会弹出弹框,提示去登录中间通过router里面的replace跳转通过route.fullpath获取当前路径传参，优化历史浏览记录,方便用户登录后能直接到达之前的商品详情页面，立即购买也同样如此,对于相同判断方法通过vue2提供的mixins混入的方法存放起来方便各个组件使用5.分类页:基本的结构准备,最后通过axios调用后台数据做渲染6.购物车:对于购物车的数据统一放在了vuex里面存放,在actions里面通过axios调用后他数据，通过await拿取结果，存放到state中，在页面中通过dispatch调用7.个人中心：通过axios拿到后台数据进行渲染,最后对于退出功能点击退出通过dispatch调用vuex里面的方法对于token和id的清除，然后清楚购物车，中间用到了vuex中模块访问模块的方法通过root:true开启全局模式8.打包优化:通过动态导入实现路由按需加载