vue iframe postMessage向子框架传递token

父页面 http://localhost:9528

<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>

子页面 http://localhost:9529

<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