vue-element-admin模板的路由解析
时间: 2023-08-23 07:18:00 浏览: 210
vue-element-admin模板的路由解析是通过创建路由实例并配置路由表来实现的。在该模板中,路由表被分为两部分:constRouter和动态添加的路由。
constRouter是一个数组,包含了不需要验证的路由,例如登录页和404页面。这些路由被放在constRouter中,并且不需要权限验证。
动态添加的路由通过在router/permission.js文件中配置。每个路由都有以下属性:
- path: 路径
- name: 路由名称
- component: 组件
- redirect: 重定向路径
- meta: 路由元信息,包括标题、图标和角色权限
- children: 子路由
在permission.js文件中,可以根据需要添加多个路由,并且可以嵌套子路由。每个路由都可以配置不同的权限角色,以控制访问权限。
总的来说,vue-element-admin模板的路由解析是通过创建路由实例并配置路由表来实现的,其中constRouter包含了不需要验证的路由,而动态添加的路由可以根据需要配置不同的权限角色。
#### 引用[.reference_title]
- *1* [vue-element-admin动态路由权限、菜单](https://blog.csdn.net/feifei9989/article/details/129611533)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [vue-element-admin如何添加路由以及如何修改title](https://blog.csdn.net/weixin_45973832/article/details/129264607)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [vue-element-admin 动态路由 vue-element-admin 配置 动态路由 vue-element-admin 实现 动态路由 vue-...](https://blog.csdn.net/qq_40739917/article/details/125943971)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文