Vue动态路由实现逻辑

1、登录后跳转的授权页redierect.vue，获取动态路由的数组，存储于store.ts
2、在main.ts 中引用路由守卫文件

import './router/permission';

3、在permission.ts中用到了

router.beforeEach

导航前置守卫，在调用路由之前会先调用该方法，在该方法中通过store.ts的路由数组动态渲染路由后访问。
4、在asyncRouter.js通过定义getAsyncRoutes进行路由数组的格式化，同时此处也可以用来通过接口获取路由信息，但是我就不查了，太浪费资源。

转载请注明出处:

转载自https://lxfamn.cn/blog

未经允许不得转载：lxfamn » Vue动态路由实现逻辑