search

micro-zoe / micro-app

A simple, efficient and powerful micro front-end framework. 一款简约、高效、功能强大的微前端框架
https://micro-zoe.github.io/micro-app/
MIT License
5.52k stars 562 forks source link

子应用query参数传递带query的url时，子应用useRoute().query拿到的值和期望值不太一样 #1325

Open LAMMUpro opened 1 month ago

LAMMUpro commented 1 month ago

问题描述

query参数传递带query的url时在对应子应用使用useRoute().query拿到的值和期望值不太一样，如/admin/appA?appA=/microappA/testUrl?iframeUrl=https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&tn=baidu&wd=%E6%B5%8B%E8%AF%95query%E4%BC%A0%E5%8F%82&timeStamp=test image

上传截图

image

调用这个方法跳转到下面这个url： http://localhost:2667/admin/appA?appA=%2FmicroappA%2FtestUrl%3FiframeUrl%25M2https%3A%2F%2Fwww.baidu.com%2Fs%3Fie%25M2utf-8%25M1f%25M28%25M1rsv_bp%25M21%25M1rsv_idx%25M21%25M1tn%25M2baidu%25M1wd%25M2%E6%B5%8B%E8%AF%95query%E4%BC%A0%E5%8F%82%25M1timeStamp%25M2test%25M1timeStamp%25M21722916337900

image

复现仓库

主应用：https://gitee.com/LAMMUpro/microapp-vite-admin.git 子应用A：https://gitee.com/LAMMUpro/microapp-vite-app-a.git

复现步骤

  1. clone两个项目，yarn安装依赖，yarn vite启动项目
  2. 打开主应用：http://localhost:2667/admin/
  3. 点击菜单【A应用 /testUrl】,会新标签页打开页面 image

环境信息

bailicangdu commented 1 month ago

看样子是编码冲突了，需要给子应用多一层编码