为微前端Hack Vue Router
这几天研究一下Vue,看看在Vue中如何实现微前端。期间发现Vue Router v3比较坑:
- 只支持动态加载从根路由(parent)开始的嵌套路由,这限制了有路由的微前端颗粒必需从根路由开始。没有路由的微前端,不受这影响。😟
- 在导航守卫router.beforeEach之前,Vue Router已经闭包缓存本次的匹配路由,造成router.beforeEach中动态加载新路由也无法立即匹配到。
坑1,不好解决,等待Vue Router v4出炉就好,暂时使用大颗粒的含路由微前端。坑2,我们需要在router.beforeEach之前加载微前端APP相关的JS与路由注册。本文就介绍解决坑2的简单方法。
继续阅读→