qiankun微前端的使用

官网地址 介绍 - qiankun

主应用配置

主应用必须和子应用使用同一种路由模式

下载qiankun依赖 yarn add qiankun 或者 npm i qiankun -S

当微应用信息注册完之后，一旦浏览器的 url 发生变化，便会自动触发 qiankun 的匹配逻辑。 所有 activeRule 规则匹配上的微应用就会被插入到指定的 container 中，同时依次调用微应用暴露出的生命周期钩子。

注册子应用的端口号要与子应用本身运行的端口号一致，另外建议name与子项目的package.json里的name字段保持一致，保持唯一性。

因为我们使用的是 hash 路由，所以 activeRule 一定要加前缀：#。这个字段是代表激活路由的意思，也就是说当你在主子应用跳转的时候，如果有这个字段，则表示是子应用路由状态。activeRule理论上你可以选择任意值，但是我们一般识别子应用的标识，如 subapp 代表为名subapp的子应用

此处修改只暴露出 routes，而且根据是否在qiankun环境下，进行路由前缀的配置，这样如果你想独自启动项目也是可以成功的。

这里只导出路由配置项 由qiankun加载配置路由项实例

子应用的端口号必须固定，不然端口号不同导致匹配不上

纯干货分享  球球看过的小伙伴给个关注啦~~

穷苦码字员在线给跪~~