Men的博客

欢迎光临!

0%

vue中路由大量使用

目前项目中大量使用了路由

1. 路由的配置

我们首先就是router.js文件里面定义路由,这样路由是固定的,我们也很难控制权限

2.路由的嵌套

我们项目中,路由的嵌套是很多的,这样就导致我们路由的配置很繁琐,而且不好维护
路由中的层级关系达到5级以上时,我们手动编写路由已经变得非常困难

3. 动态路由

我们考虑将路由变成动态路由,一方面是方便我们维护,另一方面也是为了方便我们权限的控制
这里我们借鉴了若依的路由设计,在后台建立了路由表,然后在前端进行路由的匹配

4. 路由的权限控制

我们这里使用的是vue-router的导航守卫,在路由跳转之前进行权限的判断,如果权限不足,则跳转到登录