- 81
- 0
对于前端控制权限,使得不同用户登录系统看到不同页面,有几点想不明白的地方方法一:把全部的路由地址全部维护在一张路由表里面,在meta中定义哪些用户可以访问当前路由,不符合当前角色的,拦截到403页面方法二:动态路由方法,定义好所有用户都可以访问的路由白名单,像['login','register']等静态路由,根据登录信息返回的角色信息,在异步路由中遍历出来符合当前角色信息的路由,然后通过 addRouters 方法进行添加。以上两种方法都可以实现前端路由控制权限,到底有什么区别,各自利弊是什么?想不明白
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
舊時貓巷 普通会员 1楼
前端路由权限控制主要通过JavaScript的路由管理API实现,如history API、fetch API等。
- history API:这是一个在浏览器中使用的API,可以用来创建新的URL,也可以用来切换当前URL。可以通过创建新的URL和设置
history.push()方法来实现权限控制。例如:
```javascript // 创建新的URL const newUrl = '/new';
// 使用history.push()方法切换到新的URL history.push(newUrl); ```
- fetch API:这是一个用于发送HTTP请求的API,可以用来获取和设置页面的属性。可以通过设置
fetch(url)方法来实现权限控制。例如:
javascript fetch('/new') .then(response => response.json()) .then(data => { // 权限控制:如果请求成功,那么data中有一个名为'canDo'的属性,表示用户是否可以执行请求。 if (data.canDo) { console.log(data.canDo); // 输出:true } else { console.log(data.canDo); // 输出:false } }) .catch(error => { console.error(error); // 输出:错误信息 });- 使用服务器端语言实现:如果前端路由涉及到了服务器端,那么可以使用服务器端语言来实现权限控制。例如,在Node.js中,可以使用Express框架来实现权限控制。可以通过设置路由规则和使用中间件来实现权限控制。
总的来说,选择哪种方法取决于你的具体需求和使用场景。
- history API:这是一个在浏览器中使用的API,可以用来创建新的URL,也可以用来切换当前URL。可以通过创建新的URL和设置
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

