hzxOnlineOk的博客

前言 vue项目实现动态路由的方式大体可分为两种:1.前端这边把路由写好，登录的时候根据用户的角色权限来动态展示路由，(前端控制路由) 详情可参阅花裤衩大佬的项目手把手...,我当时看这个项目看了好久才明白一点逻辑， 因为大神的动态路由那里有好多层判断，并且穿插各种vuex，把小白的我都快搞懵逼了，对我启发很大，也正是这篇文章，给我提供了很多逻辑2.后台传来当前用户对应权限的路由表，前端通过调接口拿到后处理(后端处理路由) 这两种方法各有优点，效果都能实现，我们公司是通过第二中种方法实现的，原因就是公司项

react-router-cache-route 是路由缓存工具，通常在dva的首页app.js中一起搭配使用 但是需要注意的是，每一个route路由路径在定义的时候，都需要指定是否需要cache，如果使用copy大法，很容易忽略 这会导致一种后果，即从路由A点击跳转进入路由B，再由路由B点击返回路由A，最后再次点击跳转进入路由B，打印后会发现，路由B对应的组件没有被重新加载，这正是因为route.js中的配置，配置成了cache=true import { Router, Route } from