iframe
小于 1 分钟
iframe
通过 iframe,可以很轻松的将一个应用嵌入另一个应用中,而两个项目的静态资源是相互隔离的
<iframe src="http://localhost:3001/api"></iframe>
<iframe src="http://localhost:3002/api"></iframe>
优点
- 实现简单
- css 和 js 天然隔离,互不干扰
- 完全技术栈无关
- 多个子应用可以并存
- 不需要对现有应用进行改造
缺点
- 用户体验不好,每次切换应用时,浏览器需要重新加载页面
- UI 不同步,DOM 结构不共享
- 全局上下文完全隔离,内存变量不共享,子应用之间通信、数据同步过程比较复杂
- 对 SEO 不友好
- 子应用切换时可能需要重新登录,体验不好