微前端

本文档详细介绍了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 实现更优雅的方案。