<template>
<iframe src="http://localhost:9529/" ref="iframe" name="iframe" @load="load" frameborder="0"></iframe>
</template>
<script>
data(){
return{
iframeWin:{}
}
},
mounted(){
this.iframeWin = this.$refs.iframe.contentWindow
},
methods:{
load(){
const token = sessionStorage.getItem('token')
let data = {
code : 'success',
test : token
}
this.iframeWin.postMessage(data,'http://localhost:9529/')
}
</script>
<script>
created(){
this.$nextTick(() => {
window.addEventListener('message', messageEvent => {
const data = messageEvent.data
console.log(data)
if(messageEvent.origin !== 'http://localhost:9528') return;
if (data.code=="success") {
sessionStorage.setItem('token', data.test)
}
})
})
}
</script>
image.png