nuxtjs作为主应用接入微前端框架qiankun，子应用路由跳转导致主应用404

Question

nuxtjs作为主应用接入微前端框架qiankun，子应用路由跳转导致主应用404，
主应用配置：

//~/plugins/qiankun.js
import { registerMicroApps, start } from 'qiankun';
registerMicroApps([
    {
        name: 'vue-app', // app name registered
        entry: '//localhost:8080',
        container: '#sub-app',
        activeRule: '/app-vue',
    }
]);
start();

//nuxt.config.js
plugins: [
    { src: '~/plugins/qiankun.js', mode: 'client' }
],

现在的结果是，子应用路由切换上面是主应用的404页面，下面是子应用对应的路由页面，有相关经验的能告知这个怎么解决吗？

Answer 1

最后没有使用问题中的配置，而是将子应用放在一个路由组件中，配置如下：

{
    path: '/qiankunchildren1',
    component: () => import('@/views/Qiankunchildren'),
    children: [
      {
        path: '*',
        component: () => import('@/views/Qiankunchildren')
      },
    ]
  },

这样子应用的路径都会匹配激活这个组件

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。