single-spa 做微前端遇到一个问题

[cl903254852]

我用 single-spa + React 搭建微前端。

现在遇到一个可能比较低级的问题：

single-spa 建议所有的应用之间应该是兄弟关系，而不应该是父子嵌套关系。 那么问题来了：

主应用包含 Menu、Header，而我需要在图中的 Content 组件中来加载子应用，我该怎么办？

[sparkinglemon]

iframe，shadow dom，看你需要的兼容性和实际业务需求

[sparkinglemon]

content 内部使用 router 拆出去？

[Fawen]

content 里面用路由就行了

[dartabe]

把 menu 和 content 合起来写子组件里面

[dartabe]

错了 可以用这种路由 /content/:id 把 nav1 nav2 nav3 id 传过去 或者用 path 类传一个 state 过去

[howel52]

推荐一个基于 single-spa 的上层封装 [qiankun]( https://github.com/umijs/qiankun)

[cl903254852]

@sparkinglemon 需求就是上面说的。你说的我没怎么明白

[cl903254852]

@Fawen 实不相瞒，content 里面就是用的路由。现在问题是 content 是用来装子应用的，那子应用的挂载 dom 应该放哪

[cl903254852]

@howel52 👌 我来看看

[DiamondYuan]

@howel52 +1 推荐 qiankun

[howel52]

@DiamondYuan 手动狗头

[kuitos]

@DiamondYuan +1 推荐 qiankun

[rioshikelong121]

我的问题和你类似 我直接把子应用的挂载 DOM 放在主应用渲染出来的 DOM 里面了。
哥们你目前用的是 qiankun 还是 single-spa?