V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
Lostbit
V2EX  ›  程序员

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

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