主应用qiankun，微应用umi，从主应用路由切回到umi子应用时，渲染上次离开时的路由组件

[sharemeans]

背景

主应用采用Vue技术栈，并维护了所有主应用的菜单

主应用注册微应用

registerMicroApps([
  {
    name: 'dmsPc', // app name registered
    entry: 'http://dmslocal.bestwehotel.com:8000/',
    container: '#container',
    activeRule: '/travel-dms'
  }
], {
});

微应用采用umi@^2.13.17，[email protected]，使用@umi/plugin-qiankun@^1.7.0插件

// .umirc.js
plugins: [
        [
            "umi-plugin-react",
            {
                antd: true,
                dva: true,
                dynamicImport: {
                    loadingComponent: `./components/Loader`,
                    level: 2
                },
                title: "dms",
                hardSource: false,
                pwa: false,
                hd: false,
                fastClick: true,
            }
        ],
        ['@umijs/plugin-qiankun', { slave: {} }]
    ],

// src/app.js
export const qiankun = {
  // 应用加载之前
  async bootstrap(props) {
    console.log('-------------app-dms bootstrap', props);
  },
  // 应用 render 之前触发
  async mount(props) {
    console.log('--------------app-dms mount', props);
  },
  // 应用卸载之后触发
  async unmount(props) {
    console.log('---------------app-dms unmount', props);
  },
}

步骤

1. 主应用和微应用都采用history路由匹配模式
2. 主应用初始化加载umi子应用的某个路由A，并使用vue-router维护主应用菜单路由跳转
3. 点击主应用的某个菜单，跳转到主应用路由
4. 再点击主应用的某个菜单，跳转到umi子应用的路由B，结果显示的是路由A的内容，切换umi子应用内的菜单，渲染内容无变化。
5. 上一步主应用和微应用代码都没有报错，App.jsx的render函数中获取的props.location.pathname值为路由A的值

只要从umi微应用跳转出去再跳回来，路由跳转就失效。本来想加入钉钉群问，无奈人满了，有没有人遇到过类似的问题

[tangfybaobao]

兄弟你解决了吗？

[hanll-zg]

我曹,我也是,脑袋正在爆炸中

[Zuojiangtao]

我们是通过keep-alive的形式缓存子应用路由，要不然每次回去都会重定向到子应用首页