vue-element-template
2022-01-14 本文已影响0人
苍老师的眼泪
这个框架跟 ant-design-pro 差不多，路由和权限的逻辑如出一辙，比ant做得比较好的一点是移动端适应得比较好。
尝试动态路由犯的错误：
- 自己在main.js里面写一个beforeEach，结果被框架代码的beforeEach覆盖了，没生效
- 一定要注意自己写的router.addRoutes的位置，有可能的一种情况是已经执行了next再执行我的router.addRoutes，
所以router.addRoutes添加的路由在此刻不会生效，出现404，随后vue把我添加的路由加载上去了（可以理解为导航后立即执行我添加路由的代码）
所以执行router.push之类的函数是可以导航到相应的页面的，但是由于我看到的是404，
我以为路由没有加载，于是我又刷新页面，刷新等于整个router重置，还是无效。 -
一定要确保异步添加的路由彻底地被加载上去了：
image.png
不然看到的依然是大白屏（404）
具体原理看图片中的注释
