软件技术学习笔记

个人博客,记录软件技术与程序员的点点滴滴。

为微前端Hack Vue Router

这几天研究一下Vue,看看在Vue中如何实现微前端。期间发现Vue Router v3比较坑:

  1. 只支持动态加载从根路由(parent)开始的嵌套路由,这限制了有路由的微前端颗粒必需从根路由开始。没有路由的微前端,不受这影响。😟
  2. 在导航守卫router.beforeEach之前,Vue Router已经闭包缓存本次的匹配路由,造成router.beforeEach中动态加载新路由也无法立即匹配到。

坑1,不好解决,等待Vue Router v4出炉就好,暂时使用大颗粒的含路由微前端。坑2,我们需要在router.beforeEach之前加载微前端APP相关的JS与路由注册。本文就介绍解决坑2的简单方法。

继续阅读→