iframe接受不同域名的token

目前涉及到了localstoral跨域

直接代码

 

这边是需要接受token的页面.    
  <iframe
      id="bbb-iframe"
      src="http://192.168.100.151:8080"
      style="display:none;"
      >xxx</iframe
    >
  mounted() {
    console.log("接收sessionstorage")
    window.onload = function() {
      const bbbIframe = document.getElementById("bbb-iframe")
      bbbIframe.contentWindow.postMessage(
        { key: "_token" },
        "http://192.168.100.151:8080"
      )
    }
    window.addEventListener(
      "message",
      function(event) {
        console.log(event)
        if (event.origin === "http://192.168.100.151:8080") {
          console.log("接收到了值吗?")
          console.log(event.data.wallets)
          sessionStorage.setItem("_token", event.data.wallets)
        }
      },
      false
    )
  },


  

 

  mounted() {

    // window.addEventListener(
    //   'message',
    //   function(event) {
    //     if (event.origin === 'http://192.168.100.151:8888') {
    //       const value = sessionStorage.getItem('_token')
    //       event.source.postMessage({ wallets: value }, event.origin)
    //     }
    //   },
    //   false
    // )
  },

  

 

posted on 2021-10-27 08:52  危险*  阅读(1548)  评论(0编辑  收藏  举报