window.postMessage在两个网页间传递数据

数据发送端






数据接收端
sessionstorage (回话级别 不行 )



    
        
        
        POST Handler
        
        
    

    
    
    

出现 webpack 引起的 请求问题

window.addEventListener(
      'message',
      function (event) {
        if (event.data.type !== 'webpackWarnings') {
          if (event.origin !== window.baseURL.postMessageUrl) return
          localStorage.setItem('authorization', event.data)
          console.log(event.data, 'event.data的值')
          //获取登录信息 ( 验证token 有效 )
          LoginApi.getUserInfo({ params: { authorization: event.data } }).then(res => {
            console.log(res, '获取用户信息')
            if (res.code === 200) {
              // res.code === 200

              setUser(res.data)
              // 返回门户
              // var iframeWin = document.getElementById("app").contentWindow;
              event.source.postMessage('gongToken', window.baseURL.postMessageUrl)
            } else {
              event.source.postMessage('gongError', window.baseURL.postMessageUrl)
              // window.location.href = window.baseURL.zfwloginUrl
            }
          })
        }
        // event.source.postMessage('', event.origin)
      },
      false
    )

你可能感兴趣的:(window.postMessage在两个网页间传递数据)