动态路由的搭建


一 前提 

 明白:动态路由是根据vuex中的变量实现的 和 vuex的用法

 注:路由的安装 、路由配置、路由跳转(动态的,静态的)

二 基础知识:

    三种跳转

1. User

2.this.$router.push({ name: 'user', params: { userId: 123 }或{path: 'user', query: { userId: 123 });

3.this.$router.replace( );

 三 动态配置

3.1  - router

     - asyncRoutes.js

     - commonRoutes.js

     - index.js 总入口

可以分开写,也可以写成一个文件

3.2 登录页面vuex的使用 

 对后台产生的role,在前端进行判断,生成权限分配给路由。

  参考自:https://blog.csdn.net/weixin_47353884/article/details/118175182  

                https://www.jb51.net/article/224782.htm#_lab2_0_0

                https://juejin.cn/post/6844904100115677197

vue