vue3微前端qiankun子应用作为主应用对接wujie子应用 iframe报错null:子应用加载被主应用中断

本文介绍了在Vue3环境下,如何使用Qiankun实现主应用与Wujie子应用的集成时遇到的iframe报错问题,提供了解决方案:将Wujie的degrade设置为true并使用特定的src属性。务必注意,当使用attrs时,必须设置degrade为true,src指向Wujie的空白页地址。
摘要由CSDN通过智能技术生成

vue3微前端qiankun子应用作为主应用对接wujie子应用

iframe报错null:子应用加载被主应用中断

wujie-vue3版本

解决方案:

1.wujie降级处理degrade设为true

2.attrs设置属性src地址url,url为wujie主应用空白页地址

示例代码:

<WujieVue
width="100%"
height="100%"
:sync="false"
:degrade="true"
:attrs="{src:'https://aaa/#/aa'}"
name="form"
:props="{ data: propsData }"
:url="mtUrl"
/>

注意:使用attrs时,degrade需要设为true

https://aaa/#/aa为wujie主应用空白页地址

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值