vue 如何动态生成路由？

Question

我把路由文件写在了一个单独的js文件里 然后export 一个数组，有些路由是动态生成的，需要从后端调取数据，然后生成一个数组，和固定的数组合并到一块 然后在export 这样就生成动态数组了 可是在单独的路由js文件里咋写 异步 然后合并数组然后再export啊

Answer 1

router.addRoutes。

先静态生成一部分，不需要权限控制的页面。比如说登录、首页这些。然后其他的请求回来再add进去。具体的代码可以看看 vue-elementi-admin 应该是这个名字

Answer 2

// 在需要增加动态路由的地方引入你自己export的路由
import router from '@/router'

// 在这个地方将你新增的路由加进去即可
router.addRoutes(routes)

Answer 3

还有一种思路是,暴露所有的路由.
然后跳转时拉取用户信息并缓存.检查每一个经过的路由是否符合用户条件.不符合就跳转到无权限页面.

---

可以参考我的这个实现