
qiankunTestByWu:基于qiankun的微前端方案测试,涉及主应用与子应用由vue-cli 3构建的替换测试案例
5星
- 浏览量: 0
- 大小:None
- 文件类型:ZIP
简介:
qiankunTestByWu是一个用于验证Qiankun框架下微前端方案功能的项目。该项目通过使用Vue-cli 3技术创建并切换不同的主应用和子应用,以测试其在实际部署中的兼容性和稳定性。
针对Node.js v12.13.0版本,在主应用采用vue-cli脚手架的情况下,重新创建了一个名为demo的项目。该项目包含两个主要的应用:admin-wu 和 microfrontend-demo;同时有两个子应用分别为sub-app1和sub-app2。
已经解决了以下问题:
1. 子应用与主应用、子应用之间的跨域访问。
2. 将主应用程序改造为基于webpack的Vue应用。
3. 实现了通过路由切换来加载不同的子应用功能。
4. 确保每个子应用都能够正确地加载qiankun框架,并利用其生命周期管理特性。
5. 设计并实现了在单独的子应用内部进行路由切换的功能。
6. 部署方面,对于子应用程序可以沿用以前的标准发布流程部署而无需特别处理。
当使用vue-cli3生产环境部署时遇到了跨域问题,通过调整nginx配置解决了此问题。此外,在qiankun框架下实现了JS变量的隔离(利用了JS Sandbox功能),确保每个子应用都有独立的生命期管理,并且在任何时候只会有一个活动的子应用实例存在。然而需要注意的是,window对象无法被完全隔离,因此建议不要将任何重要逻辑绑定到原型上以避免潜在的问题。
全部评论 (0)
还没有任何评论哟~


