如何使用Vue-Router管理ACL?

问题描述 投票:0回答:1

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

vue-router
1个回答
0
投票

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

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

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

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

© www.soinside.com 2019 - 2024. All rights reserved.