micro-app icon indicating copy to clipboard operation
micro-app copied to clipboard

开启iframe沙箱后加载子应用,会再次加载主应用然后取消请求

Open hmilin opened this issue 11 months ago • 6 comments

问题描述

当子应用为Vite且使用iframe沙箱,切换到子应用后,在加载子应用之前会请求主应用文件,然后取消请求

复现步骤

  1. 设置iframe属性
<micro-app
    name="vite"
    url="http://localhost:7002/micro-app/vite/"
    iframe
></micro-app>
  1. 打开子应用所在页面

上传截图

image

复现仓库

https://codesandbox.io/p/github/hmilin/micro-app-demo/main?file=%2F.codesandbox%2Ftasks.json%3A12%2C14

环境信息

  • micro-app版本:@micro-zoe/micro-app
  • 主应用前端框架&版本:Angular17
  • 子应用前端框架&版本:React18+Vite5
  • 构建工具&版本:

hmilin avatar Mar 04 '24 07:03 hmilin

如果主应用不会作为iframe嵌入,可以在主应用head的第一个元素插入

bailicangdu avatar Mar 04 '24 07:03 bailicangdu

@bailicangdu 这个方法没有生效

JanderFan avatar Mar 14 '24 03:03 JanderFan

我试了这个方法是可以的

createYourFirst avatar Mar 25 '24 08:03 createYourFirst

@bailicangdu 没生效+1,弱弱问一句 iframe src 不可以是 about:blank 吗?

front-refined avatar Apr 11 '24 02:04 front-refined

@bailicangdu 我也没生效 iframe模式下 主应用是vite

hehanli101 avatar May 08 '24 03:05 hehanli101