RuoYi-Vue-Plus 前端系统菜单配置^ 关注我，带你一起学GIS ^ 前言 RuoYi-Vue-Plus作为一

^ 关注我，带你一起学GIS ^

RuoYi-Vue-Plus作为一个开源项目，在项目开发中具有广泛应用。对于前端系统菜单，通常在后台进行配置，以便更细粒度的权限控制。

本文使用如下软件环境，以供参考。

时间：2026年

系统：Windows 11

Vue3： 3.4

RuoYi-Vue-Plus：5.3.0

系统演示地址：http://106.119.167.29:90/system/menu。

添加主菜单：打开后台管理系统，点击系统管理->菜单管理->新增，打开添加菜单对话框，选择菜单类型，输入菜单名称和路由地址等信息。

添加子菜单：打开后台管理系统，点击系统管理->菜单管理，展开主菜单，点击右侧操作列中的添加按钮，在添加菜单页面中选择菜单类型，输入菜单名称和路由地址等信息。

在实践中遇到了一个问题，在浏览器控制台报错缺少组件或者子属性。

[Vue Router warn]: Record with path "/project" is either missing a "component(s)" or "children" property

当时因为这个问题排查了很久，最后才发现原来是【组件路径】参数在开头多写了一个空格。

还有一个值得注意的地方是路由地址参数经过处理，在后台中成为路由参数名称，并且以大驼峰命名。如下显示路由地址为role，则在路由菜单返回的数据中显示路由名称为Role。

之前都没有遇到过，直接被搞得灰溜溜的。

好吧，问题就是这个了，今天就记录到这里吧。

❝

GIS之路 开发示例数据下载，请在公众号后台回复：vector

全国信息化工程师－GIS 应用水平考试资料，请在公众号后台回复：GIS考试

GIS之路 公众号已经接入了智能助手 ，可以在对话框进行提问，也可以直接搜索历史文章进行查看。

都看到这了，不要忘记点赞、收藏 + 关注哦！

本号不定时更新有关 GIS开发 相关内容，欢迎关注 !