welong
V2EX  ›  外包

寻找会微前端 qiankun.js 的大牛

  •  
  •   welong · Mar 22, 2023 · 1605 views
    This topic created in 1276 days ago, the information mentioned may be changed or developed.
    帮朋友问的,目前用的是 qiankun.js + Vue.js ,碰到了一些问题
    有偿寻求解决,有意向加 v: dG93ZWxvbmc=
    Supplement 1  ·  Mar 23, 2023
    问题 1 加载不到子应用
    问题 2 刷新页面会报 404
    Supplement 2  ·  Mar 23, 2023
    价格可能给不到很高,预计在 500 左右
    14 replies    2023-03-24 08:02:30 +08:00
    a812159920
        1
    a812159920  
       Mar 22, 2023   ❤️ 1
    联系方式搜不到,加我 wx:dXVoMjAxNA== (base 64)
    welong
        2
    welong  
    OP
       Mar 22, 2023
    @a812159920 已加
    kmac007
        3
    kmac007  
       Mar 22, 2023
    解决了吗,可以加 v: a21hYzAwNw==
    jarven123
        4
    jarven123  
       Mar 22, 2023
    没解决的话可以加我:v: cTE0OTExODAxNzM=
    welong
        5
    welong  
    OP
       Mar 22, 2023
    @kmac007 没解决
    welong
        6
    welong  
    OP
       Mar 22, 2023
    @jarven123 没解决
    Envov
        7
    Envov  
       Mar 23, 2023   ❤️ 1
    不如把问题发出来
    yunying
        8
    yunying  
       Mar 23, 2023
    @Envov 我也觉得发出来大家看下呗。
    ycr6708536
        9
    ycr6708536  
       Mar 23, 2023
    可以把问题先发出来,效率更高些
    welong
        10
    welong  
    OP
       Mar 23, 2023
    @yunying @ycr6708536 @Envov 看附言
    humbass
        11
    humbass  
       Mar 23, 2023
    最近的外包区域都是妖魔鬼怪:

    1 、要么是 500 块找大牛的
    2 、要么是发帖求单的
    Envov
        12
    Envov  
       Mar 23, 2023
    不是前端大牛,就是小兵
    问题 1 加载不到子应用
    这大概率是路由匹配的问题,需要注意两点:
    第一个是基座的路径需要 registerMicroApps 给子应用注册的地址要提前确定,例如是 “/app1”
    第二个是子应用的所有路由也需要匹配“/app”才可以正常显示,
    举个例子
    基座是 app1=“/app1”
    子应用单独打开 “/app1”要可以访问首页
    子应用单独打开 “/app1/page1”要可以访问,如果子应用单独访问“/page1”才能显示,说明匹配不上

    如果基座带 baseUrl ,那么子应用也需要带相应的 baseurl
    例如基座带一个全局的 baseurl 叫“/mybaseurl”,注册 app1=“/app1”
    那么子应用的 baseurl 应该是“/mybaseurl/app1”

    问题 2 刷新页面会报 404
    这个不知道是构建后还是开发时,如果是构建后:
    因为构建后放到 web 服务器中,刷新时,浏览器真的会请求“/mybaseurl/app1/page1”
    此时需要做资源策略:
    1:首先保证访问基座代码,需要将 / 下所有的 404 响应为基座的 index.html
    location / {
    root /xxx;
    index index.html index.htm;
    try_files $uri $uri/ /index.html;
    }
    2: 为每个子应用设定自己的二级路径转发
    location /mybaseurl/app1 {
    root /xxxx;
    index index.html index.htm;
    try_files $uri $uri/ /index.html;
    }

    以上来自之前做项目时候的记忆+搜索
    welong
        13
    welong  
    OP
       Mar 24, 2023
    @Envov 感谢🙏
    welong
        14
    welong  
    OP
       Mar 24, 2023
    @humbass 不要戾气那么重好吗?首先「大牛」是尊称各位 v 友,只要技术在我之上的,我都愿意喊你一声「大牛」;其次你如果觉得你的技术与价格不匹配,做个看官就好了。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   2860 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 34ms · UTC 14:22 · PVG 22:22 · LAX 07:22 · JFK 10:22
    ♥ Do have faith in what you're doing.