动态路由的搭建
一 前提
明白:动态路由是根据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