微前端

本文解析微前端中UMD的使用场景，明确其是否需要取决于Entry方式，同时对比主流微前端框架的差异，纠正常见认知误区，清晰梳理核心逻辑。

本文档记录了我们团队在企业级中后台系统微前端改造过程中的完整踩坑历程。采用 qiankun 进行微前端拆分，将系统拆分为主应用 + 多个业务子应用的架构。

本文档详细介绍了micro-app微前端项目的两种部署方式：同域部署和跨域部署。同域部署将主应用和子应用部署在同一域名下，配置简单但扩展性受限；跨域部署允许应用独立部署，但需配置CORS

基于 micro-app 框架构建企业级微前端模板的完整实现过程。采用Vue 3 + TypeScript + Vite 技术栈

在使用 qiankun 微前端框架时，主子应用通信和路由跳转是两个核心问题。本文档总结了我们在实践中遇到的坑以及最终形成的完善方案。

qiankun 提供了两种加载子应用的方式： registerMicroApps + start 模式：声明式 和 loadMicroApp 模式：命令式

微前端是一种将前端应用拆分为独立子应用的架构思想，支持技术栈无关、独立开发部署和运行时集成1。其核心优势包括提升团队协作效率、模块解耦和渐进式技术升级，主流方案如qiankun通过沙箱隔离实现灵活集成

Single-SPA 是微前端领域的"鼻祖"框架，它是一个用于前端微服务化的 JavaScript 框架，允许你在同一个页面中使用多个框架（React、Vue、Angular 等），而不需要刷新页面。

微前端核心加载方式：HTML Entry解析HTML，适配已有SPA，低侵入；JS Entry加载JS模块，适配全新系统，高自由度。二者差异显著，需依项目特点、团队能力与技术需求选择。

本文记录多独立 Vue 应用整合为微前端的实践：因应用体验割裂、重复建设，选用京东 micro-app，经基座搭建、子应用改造实现整合，优化体验且保留子应用独立运行能力。

多标签页登录状态无法同步。方案：登录页每秒轮询 Cookie 中的 token，检测到后自动刷新页面实现同步。也可使用 BroadcastChannel API 实现更优雅的方案。