如何使用Vue-Router管理ACL?

时间:2017-10-17 19:25:53

标签: vue-router

具体来说,我想做的是渲染像403这样的消息而不是应该被查看的消息,或者自动设置Vue-Router来改变组件,同时保持相同的URL。 那么使用Vue-Router管理用户访问级别/角色/列表的最佳实践是什么?你们是怎么做到的?

1 个答案:

答案 0 :(得分:0)

有一篇关于在Vue2中进行acl集成的文章 - https://medium.com/@sergiy.stotskiy/vue-acl-with-casl-781a374b987a

对于路由器集成,您唯一需要做的就是检查router.beforeEach回调中的权限

或者只是不渲染特定用户无法访问的链接和按钮,如果用户导航到禁止页面API将返回403,您可以拦截所有HTTP请求(在axios中)并将用户路由到不同的页面。

我更喜欢最新的方法,因为它不会增加路由器/路由的额外复杂性,并且在使用尝试直接导航到禁止的URL时行为正常