登录 跨域 弹窗.txt

登录 跨域 弹窗.txt
参考：https://www.jianshu.com/p/da54bad42b30
跨文档通信 API（Cross-document messaging）。
window.postMessage() 。（HTML5 为了解决跨域窗口通信这个问题，引入的一个全新的API）。

href () {
        # 弹出 500 * 500 的窗口
      window.open(this.githubUrl, 'newwindow', 'height=500, width=500, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no')

      # 通过监听，父页面可以拿到子页面传递的token，父(前端页面)，子(小窗)
      window.addEventListener('message', function (e) {
        this.me(e.data).then(() => {
          console.log('用户信息获取成功')
          this.setToken(e.data)
        }).catch(() => {
          this.setToken('')
        })
      }, false)
},
我们假设有两个网站，1.com与2.com，
我在1.com的页面上通过iframe或window.open或超链接打开了一个2.com的网页，
此时我要在2.com上做操作的时候，给1.com传值，让1.com有所变化。
这个过程就是个跨域的过程。