无法执行邮政事故＆＃x27; ON Domwindow＆＃x27;：提供的目标原点与收件人窗口不匹配

Question

我正在一个NUXT JS 2项目中工作，并具有称为createIcileframebridge和purgeiciclesiclehashbetweendomains的全局注入函数。这些功能是插件的一部分，并在页面的安装挂钩中被调用。

当我调用清除功能时，它抱怨说：

在“ domwindow”上无法执行'postmessage'：提供的目标原点（'https：//icicle.ext'）与收件人窗口的原点不匹配（'http：//127.0.0.0.1:8001'）< /p>

如果我包装postmessage在几秒钟的超时，然后按预期工作，错误会发生。我已经写了另一个全局功能，该功能将在尝试向iframe发布消息之前是否存在该元素是否存在，该函数在延迟和连续检查X秒方面起作用，但是当与我的吹扫检查结合时，JavaScript仍然似乎认为iframe不存在。

我不想依靠具有单个定义值的settimeout，因为这将导致可靠性问题。

我的插件文件：

/*
** Post Icicle bridge data
*/

function postIcicleBridgeData (app, data, url = 'https://icicle.ext') {
  app.$waitForGlobalElement('[data-icicle-hash-bridge]', () => {
    const bridge = document.querySelector('[data-icicle-hash-bridge]').contentWindow
    if (bridge) bridge.postMessage(data, url)
  })
}

export default function ({ app, route, redirect, context }, inject) {

  /*
  ** Create a bridge to Icicle for cross-domain
  */
  inject('createIcicleIframeBridge', (url = 'https://icicle.ext') => {
    setTimeout(() => {
      const iframeBridge = document.createElement('iframe')
      iframeBridge.src = `${url}?v=${Math.round(new Date().getTime() / 1000)}`
      iframeBridge.dataset.icicleHashBridge = true
      iframeBridge.style.display = 'none'
      document.getElementsByTagName('BODY')[0].appendChild(iframeBridge)
    }, 3 * 1000)
  })

  /*
  ** Clear global hash
  */
  inject('purgeIcicleHashBetweenDomains', () => {
    postIcicleBridgeData(app, 'purgeHash')
  })

  /*
  ** Wait for global element to become available
  */
  inject('waitForGlobalElement', (key, callback, delay = 10) => {
    if (document.querySelector(key)) {
      callback()
    } else {
      setTimeout(() => {
        app.$waitForGlobalElement(key, callback)
      }, delay)
    }
  })

}

然后从页面中打来电话：

mounted () {
  this.$createIcicleIframeBridge()

  // clear Icicle hash in case customer doesn't apply
  this.$purgeIcicleHashBetweenDomains()
}

我在这里缺少什么？我需要更改什么，以便我可以确保每当我的清除功能运行iframe时，始终在那里。