vue-element-template

这个框架跟 ant-design-pro 差不多，路由和权限的逻辑如出一辙，比ant做得比较好的一点是移动端适应得比较好。

尝试动态路由犯的错误：

1. 自己在main.js里面写一个beforeEach，结果被框架代码的beforeEach覆盖了，没生效
2. 一定要注意自己写的router.addRoutes的位置，有可能的一种情况是已经执行了next再执行我的router.addRoutes，
   所以router.addRoutes添加的路由在此刻不会生效，出现404，随后vue把我添加的路由加载上去了（可以理解为导航后立即执行我添加路由的代码）
   所以执行router.push之类的函数是可以导航到相应的页面的，但是由于我看到的是404，
   我以为路由没有加载，于是我又刷新页面，刷新等于整个router重置，还是无效。

3. 一定要确保异步添加的路由彻底地被加载上去了：

   
   image.png
   

   不然看到的依然是大白屏（404）
   具体原理看图片中的注释