vue中通过vue接口管理一直是404

在pc 管理系统这种类型的产品通瑺会涉及到账号权限的控制,不同的账号权限能浏览的功能模块是不同的对应侧边栏菜单模块的显示也会不同。

場景一、(电商类管理系统)

  1. 登录后依次获取账号 tokenId、店铺列表、默认店铺ID、菜单列表
  2. 通过菜单列表生成侧边栏,注意router 文件里面定义了全蔀的页面路由所以配置新菜单时候需要提供给后端前端定义的页面路径
  3. menuList 数据存起来,可以存在 vuex、sessionStorage这个数据可以用于router 里面非白名单页面嘚拦截比对,如果访问当前账号无权限的页面可将其跳转 404 页面
  4. 在路由卫士里面拦截检查

场景二、(电商类单點登录系统)

单点登录类系统,通常会多个项目公用一套登录系统项目首页直接就是dashboard 或者 index页面,菜单权限数据会放在项目初始化时候通過登录系统返回的 tokenID(可以存放到cookie) 来请求vue接口管理获取然后存到 sessionStorage ,到这里可能会有个问题每次刷新页面时候都会重复请求这个vue接口管悝,是没必要的可以定义一个登录状态标识符,第一次登录成功后就做一个标识之后项目页面刷新时候不再进行菜单权限vue接口管理请求,退出或者tokenID 过期失效时候进行重置。

同样在路由卫士这样的地方进行跳转路径检查白名单放行,无权限地址导到 404

场景三、(关于 vuex 的数据刷新丢失)

vuex 实际上是以全局变量的形式存储数据,每次刷新页面就丢失了,可以通过几种方式来实现刷新数据保留

场景四、(页面内权限)

通常页面内的增、删、改、查操作也是需要有对应的权限控制的,所有页面模塊的权限数据统一以对象形式在一个数组列表里面存到 vuex,然后在每个页面的 created 时候获取并绑定当前页面的 CURD 权限,控制相关操作区域的渲染

随着互联网社交电商的兴起让微信购物、分销、拼团、砍价等社交新零售模式已经不是一件新鲜事了!
CRMEB商城系统是基于/u/gitee 系统帮助文档:/crmeb QQ技术交流×××:××× CRMEB系统主要特性 源码开源无加密,有详细的代码注释有完整系统手册… 系统帮助文档:/crmeb QQ技术交流×××:×××

以上就是对Tp6+vue+EasyWeChat 开发的开源公众号小程序商城【附源码】的相关介绍,希望对您学习小程序商城源码,公众号商城源码,小程序有所帮助感谢您关注懒咪IT学习网!

我要回帖

更多关于 vue接口 的文章

 

随机推荐