iframe 实现跨域,两页面之间的通信

一、 背景

一个项目为vue2,一个项目为vue3,两个不同的项目实现iframe嵌入,并实现通信

二、方案

iframe跨域时,iframe组件之间常用的通信,主要是H5的possmessage方法

三、案例代码

父页面-vue2(端口号为127.0.0.1:8080)





子页面-vue3, (端口号为127.0.0.1:8081)



四、案例效果

在这里插入图片描述

你可能感兴趣的:(Vue,vue.js,前端,javascript)