浏览器点击返回时地址出现错误

[lilu0826]

问题描述

路由模式用的native，子应用跳转到某个地址后，点击浏览器刷新后，再跳转到其他页面，再点击浏览器返回后浏览器地址栏出现错误

复现步骤

1. demo地址： https://github.com/lilu0826/micro-app-bug
   2.下载demo，都是vite+vue3项目，同时运行main-app和sub-app
   3.打开http://localhost:3000/sub-app/about
   

3.点击【子应用主页】

4.再点击浏览器返回按钮，浏览器地址会变成：http://localhost:3000/sub-app/sub-app/about

5.子应用渲染错误

上传截图

1.主应用的配置：


2.子应用就是正常的一个子应用，router接收了window.MICRO_APP_BASE_ROUTE

复现仓库

https://github.com/lilu0826/micro-app-bug

环境信息

• micro-app版本：^1.0.0-rc.5
• 主应用前端框架&版本：vite+vue3+vue-router4
• 子应用前端框架&版本：vite+vue3+vue-router4
• 构建工具&版本：[email protected]

[lilu0826]

研究看了下，应该是子应用的history.state.current 被错误的拼接上了baseroute前缀，和主应用__MICRO_APP_STATE__["my-app"].state.current记录的不一致导致的，主应用记录的是对的，不带前缀。希望官网可以解决这个问题吧。

[lilu0826]

现在临时的解决方法，在子应用router.beforeEach钩子替换一下history.state.current中的baseroute前缀
router.beforeEach(async (to, from) => { if (from === START_LOCATION && window.__MICRO_APP_ENVIRONMENT__) { window.history.state.current = window.history.state.current.replace(window.__MICRO_APP_BASE_ROUTE__, '/') } })

[bailicangdu]

问题会在近期修复，感谢反馈