vue-element-admin路由白名单中怎么添加动态路由

问答 / 44 / 3 / 创建于 3年前

permission.js中的路由白名单中添加普通路由这个我懂，但是类似于user/:id这种的路由怎么添加到白名单里的，或者说在前置守卫中怎么处理能让这个路由不需要权限就能直接访问。

meitian

课程读者 89 声望

暂无个人描述~

1 人点赞

推荐文章：

更多推荐...

博客

vite2-electron-vadmin 一款清爽UI中后台权限管理系统|Electron-Vue3后台 12 / 3 |

博客

基于 Vue2.0 开发的 Lumen IM 在线聊天应用 33 / 15 |

博客

在 vue-cli 3.0 + 里面对 axios 封装 18 / 3 |

讨论数量: 3

wj2015

版主 826 声望

很久之前用过 element-admin，鉴权白名单在 permission.js 中是这样实现的

file

所以只是对 to.path 做了一个路由白名单的判断，这个 to.path 在动态路由下的值可参阅官方文档路由对象

我的看法是可以直接判断 to.name，哪怕是动态路由，这个 name 也可以是固定的

file

3年前评论

meitian （楼主）

登录前获取不到to.name的信息，只能获取到fullPath、path、query这个三个信息，如果登录了就能获取到meta、name等信息。

wj2015

版主 826 声望

@xiaoke 只从代码上看，登录前也是有 to.meta 的

file

严谨起见，拉了最新代码做了实验

routes 配置： file

permission.js 加一点逻辑

file

最后结果： file

3年前评论

meitian （楼主）

按照你写的，能够获取到to.name信息，也能够进入to.name === 这个条件判断，但是执行完next()后又跳转到登录页面了。

henryzhong

0 声望

可以参考我们最新的antd风格版本，antelement.letech.net.cn

3年前评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容，与人为善，比聪明更重要！

帮助

vue-element-admin路由白名单中怎么添加动态路由

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

vue-element-admin路由白名单中怎么添加动态路由

推荐文章：

社区赞助商

关于 LearnKu

资源推荐

服务提供商

其他信息

请登录