vite的vue子应用进入路由时获取的from to为基座应用的

[lovelyJason]

问题描述

微应用的router.beforeEach中的参数都是基座应用的，导致基座应用无法渲染

复现步骤

1. 基座应用和子应用都是vite4 vue3， 关闭了虚拟路由

  microApp.start({
    'disable-memory-router': true,
    // 'router-mode': 'native-scope',
  });

2. 配置了基座应用为history路由，微应用为哈希路由
   配置了基座应用的BASE_URL为'/main/， 配置子应用的base为'/child/power/'

<micro-app name="childPower" url="http://localhost:8080/child/power/#/admin/authority"

4.在基座引用中切到微应用所在的页面时，微应用中的router.beforeEach的to.path为'/', from.path为‘/’, window.location，这仨都指向的基座应用，导致子应用无法渲染

5.但是，此时将地址栏的末尾的/换成/admin/authority， 又能成功渲染了，一刷新网页就挂

上传截图

请上传代码截图、控制台、终端等截图以帮助我们了解您的问题。

复现仓库

请提供一个精简的代码仓库，然后上传到自己的 github，以帮助我们复现您的问题。

环境信息

• micro-app版本：1.0.0-rc.4
• 主应用前端框架&版本：vite4, vue3, vben
• 子应用前端框架&版本：vite4, vue3
• 构建工具&版本：

[bailicangdu]

主应用和子应用都是hash路由吗

[bailicangdu]

disable-memory-router就是native模式，设置方式参考 https://micro-zoe.github.io/micro-app/docs.html#/zh-cn/browser-router

[lovelyJason]

主应用和子应用都是hash路由吗

主应用history路由，子应用哈希路由。disable-memory-router设置为true了，不设置不行，不设置会死循环。我是听说vite都作为主子应用时，应该要关闭虚拟路由

[bailicangdu]

那就符合这种情况

[bailicangdu]

把micro-app url中的hash去掉，放到浏览器url上

[lovelyJason]

在菜单点击事件中，这种在调用主应用的router.push(主应用的（不包含vite.config.js.base的）路由 + '#' + 子应用（不包含vite.config.js.base的）路由 )，能正常显示微应用。

但是还是那个问题， 如下图， 获取到的path是主应用的路由，不是子应用的路由,。此时我基座应用的入口页比如说是/system/role, 那这里的path就指的是/system/role。比如微应用的路由是/admin/role。得router.push('/system/role#/admin/role')才行。这个问题就导致了子应用一加载进来就是首页，所以怎么获取到微应用的那个路由，判定是微应用的接入口再push?

基座应用下的菜单都是路由表里循环生成的，有几个子菜单会接入微应用，获取不到子应用路径，还是说push采取写死路由的做法？

所以我这篇issue总结归纳一句话就是，菜单是循环生成的情况下， 有多个菜单接入了微应用， 总不能判断基座应用路由满足/a的情况下跳/a#/micro-routera, 基座应用路由满足/b，跳/b#/micro-routerb吧。怎么区分这个东西

#65
跟这篇issue有异曲同工之妙

[lovelyJason]

把micro-app url中的hash去掉，放到浏览器url上

其实你们之前有个这个default-page可以指定渲染页面，但是这个东西只对虚拟路由开启才生效