1、什么是动态路由?
2、动态路由的好处
3、动态路由如何实现
1、什么是动态路由?
2、动态路由的好处
3、动态路由如何实现
1)此为我的router目录,index.js对路由添加,守卫拦截等处理。static-route.js为前端定义的静态路由,不需要动态加载的,如登陆页面,忘记密码页面,404页面等。


index.js
2)登陆成功后将获取到的动态路由存储到vuex

vuex—>index.js
我的动态路由模板
路由管理界面(可能有不完善的地方)

讲一讲遇到的坑及注意点
- “component”: “check/check-norm-image/index.vue”, 用字符串再在解析,不要像静态路由一样。否则第一次进去可以,刷新就变空白
- 此处为重要的一点,直接用next()不行
3)由于添加完路由还会重复执行一遍路由守卫,所有必须确保不要一直死循环添加路由。否则直接崩溃。这里我用的是isToken变量确保不循环。
分享:
版权声明:
本文来源网络,所有图片文章版权属于原作者,如有侵权,联系删除。
本文网址:https://www.mushiming.com/mjsbk/4662.html