不同于大多数 qiankun 文章的尝鲜或者用法介绍，这篇文章会完整的介绍真实项目里如何使用 react 和 qiankun 落地微前端接入以及实现相关的单点登录功能，包括会遇到的各种问题。

最后需要实现一个系统，内含几个子系统，每个子系统有各自的功能、菜单。 比如某个系统叫 信息化设备运维管理 ，在这里实现设备的组网、检测、统计等。

主要解决vue引入iframe加载缓慢的问题，通过element 的loading效果加在页面上，给用户带来一丝体验感

本文已参加「新人创作礼」活动，一起开启掘金创作之路。 背景 前端时间做了vue2内嵌vue3的项目，具体可以看之前的一篇文章vue2接入vue3，微前端初探手记（一）。 当时也总结了通过iframe嵌

工程化方式解决微前端样式冲突问题，只需接入postcss插件和webapck/vite插件即可，无需改动业务代码

本章完成了强盛集团管理系统接入、基座登录、基座与微应用通信、基座简单鉴权。 本项目已经实现了左侧栏的折叠和面包屑、个人中心、设置面板，强盛集团管理系统接入，下一章为《部署：微前端初步完成》。

本文正在参加「金石计划 . 瓜分6万现金大奖」 甲问：说说你知道的HTML标签。 乙于是说了一大堆标签，比如div，span等等。 甲说：那你知道 iframe 标签吗？ 乙这时候迟疑了片刻