基于 qiankun 对菜单进行混排_qiankun 解决菜单问题-CSDN博客

本文介绍了在使用 qiankun 构建的微前端系统中，如何解决子应用间菜单混排的问题。作者分享了在处理过程中遇到的坑以及解决思路，包括页面加载失败、菜单切换到空白页、一级菜单展开错误等。通过详细的操作步骤，阐述了如何实现菜单数据的处理，确保混排后能正常工作。最后，作者推荐了联蔚盘云官网作为问题咨询平台。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

相信很多公司正在用微前端对产品进行架构系统的优化，因为微前端的独立性，技术灵活性等核心价值，为微前端带来了不少流量。

以下以 qiankun 为例（以下介绍借鉴于 qiankun）

什么是微前端

微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。

微前端的价值所在

· 技术栈无关
主框架不限制接入应用的技术栈，微应用具备完全自主权

· 独立开发、独立部署
微应用仓库独立，前后端可独立开发，部署完成后主框架自动完成同步更新

· 增量升级

在面对各种复杂场景时，我们通常很难对一个已经存在的系统做全量的技术栈升级或重构，而微前端是一种非常好的实施渐进式重构的手段和策略

· 独立运行时
每个微应用之间状态隔离，运行时状态不共享

微前端给各大厂带来了各种便利，而有些又是大家觉着很正常但是恰恰又不支持的功能摆在面前，而不得不去解决。

博主公司是基于 qiankun 搭建的系统框架，同时子应用多达十个，但是从用户反馈来说，菜单的灵活性不够，因为子应用之间的子菜单不能够随意调换，也就是菜单混排。

在这里插入图片描述
单项目中，菜单之间是可以随意调换而不会有任何影响的，但是在两个独立运行的子应用中，想让菜单相互混排，就比较麻烦了。