使用nginx代理 解决 跨域调用子页面iframe方法的问题

---------1   场景

***在当前项目里调用子页面(iframe)里面的方法  , iframe是一个 ppt页面  ，里面暴露出了ppt切换到下一帧的方法

***简单介绍一下项目 ，这是一个在线授课的项目  当前这个页面是学生端听课页面    ， 老师授课时 切换ppt至下一帧  ， 学生端调用iframe里的方法同步切换(通过socket链接)

 

 

---------2   环境

***iframe页面已经部署到服务器上   （ppt 地址）

***当前项目还在本地开发 

 

---------3  接下来就是调用iframe以及iframe里面的方法了

//ppt的相关操作
     pptSyncAnim(current){
        let currentArr = current.split(',');
        //ppt帧动画切换  syncAnim 是ppt页面暴露出来的方法 ， 接收一个当前帧参数
        //pptIframe  是iframe的name值
        window.pptIframe.syncAnim(currentArr[3][0]);   
     }

  调用iframe里的方法报错  ，报错原因是因为 不能再跨域的情况下调用iframe 里的方法，本地项目在8000端口上,而iframe已经部    署在服务器环境下 ，所以我在本地就没办法调试