主应用使用了多个micro-app子应用,子应用自动生成的iframe资源加载错误

[Flourad]

问题描述

问题的具体描述

1. 主应用使用了多个micro-app子应用,子应用A和子应用B;
2. 子应用A和B在不同的域名下,其中子应用A开启了iframe模式和虚拟路由,router-mode=pure,子应用B关闭虚拟路由没有使用iframe;
3. 子应用A在页面自动生成了iframe标签,并且会把子应用对应的js和css资源放在里面,但是一定概率下,这个iframe会请求到主应用的资源,导致子应用A没有加载到资源出现卡死的情况;

   复现步骤

上传截图

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

复现仓库

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

环境信息

• micro-app版本：v1.0.0-rc.5
• 主应用前端框架&版本："vue":^3.2.13
• 子应用前端框架&版本："vue": "2.7.16",
• 构建工具&版本："@vue/cli-service": "~5.0.0",

[bailicangdu]

解决方式参考：

[Flourad]

解决方式参考：

请问下iframe沙箱隔离跟之前的有啥区别?如果我的主应用引入子应用不开启iframe配置,会不会有啥坑?

[Flourad]

为啥这个document的url会变成主应用的域名+子应用的defaul-page路径:

刷新之后,会变成这样:

@bailicangdu

[frenkiss-bobo]

@Flourad 请问有解决吗？我也碰上了这类问题，导致页面卡死