动态获取iframe内部（uniapp）链接

项目乱了真是麻烦😣，我需要在A域名下后台的项目中获取B域名下的项目h5的内部链接，第一时间想到的就是iframe，但是这样子的话我们只能获取到src的url，内部发生跳转就无法获取到跳转后的连接了，这时就需要h5进行配合了

思路

h5内部发生链接跳转之后就向后台进行通信发送跳转后的url

实现

• H5
  因为H5是使用h5就行开发的，所以只需要监听相关跳转方法的执行就好了，我们可以使用uniapp提供的一个方法addInterceptor拦截器
  主要的参数就是
  invoke: 拦截前触发
  returnValue: 方法调用后触发，处理返回值
  我这里就直接在returnValue里面做了

const routerMethods = [
  "navigateTo",
  "redirectTo",
  "reLaunch",
  "switchTab",
  "navigateBack",
];

for (const method of routerMethods) {
  uni.addInterceptor(method, {
        returnValue(){
            window.parent.postMessage(window.location.href, "*");
            return true;
        }
  });
}

window.parent引用了当前窗口的父级窗口对象。通过这个对象，可以与包含当前窗口的父级窗口进行通信
postMessage()方法用于发送消息给目标窗口。它接受两个参数：消息内容和目标窗口的源。在这里，window.location.href 作为消息内容，表示当前窗口的 URL 地址。
最后，"*" 是目标窗口的源参数。这里的 * 表示通配符，表示消息可以发送给任意源（即任意窗口）。

• 后台
  我们在后台需要监听message事件即可

window.addEventListener('message', (value) => {
  if (value.origin === 'xxxx') {  // 这里来源进行判断
    // value 就是对应的数据 
  }
})