一、vue3
1.在router-routes-index.ts中添加对应路由


2.定义路径
在src-enums-pageEnum.ts文件中添加路径

3.设置白名单生效
在src-router-guard-permissionGuard.ts中引入路径,并添加到whitePathList白名单路径列表中

二、vue2
1.添加路由
在src-config-router.config.js文件,在最后添加对应路由文件

2.将对应路由添加到系统路由白名单中
在src-permission.js中将第一步添加的路由path添加到whiteList中,即可

三、后端
在此进行配置

本文介绍了在Vue3和Vue2项目中配置路由的方法,包括添加路由、定义路径、设置白名单,以及后端的相关配置。重点对比了Vue3的`router-guard-permissionGuard`与Vue2的`config-router`和`permission.js`中的路径管理策略。





