• 请不要在回答技术问题时复制粘贴 AI 生成的内容
Lostbit
V2EX  ›  程序员

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

  •  
  •   Lostbit · Nov 4, 2019 · 6731 views
    This topic created in 2557 days ago, the information mentioned may be changed or developed.

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

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

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

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

    13 replies  •  2019-12-18 15:47:14 +08:00
    sparkinglemon
    sparkinglemon
    Nov 4, 2019
    1
    iframe,shadow dom,看你需要的兼容性和实际业务需求
    sparkinglemon
    sparkinglemon
    Nov 4, 2019
    2
    content 内部使用 router 拆出去?
    Fawen
    Fawen
    Nov 4, 2019
    3
    content 里面用路由就行了
    dartabe
    dartabe
    Nov 4, 2019
    4
    把 menu 和 content 合起来写子组件里面
    dartabe
    dartabe
    Nov 4, 2019
    5
    错了 可以用这种路由 /content/:id 把 nav1 nav2 nav3 id 传过去 或者用 path 类传一个 state 过去
    howel52
    howel52
    Nov 4, 2019
    6
    推荐一个基于 single-spa 的上层封装 [qiankun]( https://github.com/umijs/qiankun)
    Lostbit
    Lostbit
    OP
    Nov 4, 2019
    7
    @sparkinglemon 需求就是上面说的。你说的我没怎么明白
    Lostbit
    Lostbit
    OP
    Nov 4, 2019
    8
    @Fawen 实不相瞒,content 里面就是用的路由。现在问题是 content 是用来装子应用的,那子应用的挂载 dom 应该放哪
    Lostbit
    Lostbit
    OP
    Nov 4, 2019
    9
    @howel52 👌 我来看看
    DiamondYuan
    DiamondYuan
    Nov 4, 2019
    10
    @howel52 +1 推荐 qiankun
    howel52
    howel52
    Nov 4, 2019
    11
    @DiamondYuan 手动狗头
    kuitos
    kuitos
    Nov 18, 2019
    12
    @DiamondYuan +1 推荐 qiankun
    rioshikelong121
    rioshikelong121
    Dec 18, 2019
    13
    我的问题和你类似 我直接把子应用的挂载 DOM 放在主应用渲染出来的 DOM 里面了。
    哥们你目前用的是 qiankun 还是 single-spa?
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   1629 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 33ms · UTC 18:05 · PVG 02:05 · LAX 10:05 · JFK 13:05
    ♥ Do have faith in what you're doing.