arno_cai的博客

vue3+vite动态加载路由，本地路由和线上路由匹配。

使用场景：后管系统，处理不同角色，不同权限，显示不同菜单。 目的：根据需求，动态加载路由，处理后台返回的不同菜单权限。 方法： 方法一：注册所有路由，根据后台返回菜单数据，显示菜单。 弊端：路由全部注册，菜单没有显示；用户可以手动更改url值，依然会显示当前组件。 方法二：前端手动写好，根据不同的角色，创建多个不同的路由，根据登录的角色，动态的加载某个数组。 弊端：如果后台新增角色，那么只有修改前端代码，重新部署。 方法三（推荐）：菜单动态生成路由映射 菜单->url->路由