没有不值得去解决的问题,也没有不值得去学习的技术!

在网页框架中点击链接,报错:Uncaught DOMException Blocked a frame with origin from accessing a cross-origin frame 的分析解决

在网页框架中点击链接,报错:Uncaught DOMException: Blocked a frame with origin "https://cmcp.cmc.tianyirm.cn" from accessing a cross-origin frame. at toDetail (https://cmcp.cmc.tianyirm.cn/sub-sites:253:19)

1、在网页框架中点击链接,报错:Uncaught DOMException: Blocked a frame with origin “https://cmcp.cmc.tianyirm.cn” from accessing a cross-origin frame. at toDetail (https://cmcp.cmc.tianyirm.cn/sub-sites:253:19),如图1

在网页框架中点击链接,报错:Uncaught DOMException: Blocked a frame with origin "https://cmcp.cmc.tianyirm.cn" from accessing a cross-origin frame. at toDetail (https://cmcp.cmc.tianyirm.cn/sub-sites:253:19)
图1

2、点击 at toDetail (http://cmcp.cmc.tianyirm.cn/sub-sites:253:19) 查看,如图2

点击 at toDetail (http://cmcp.cmc.tianyirm.cn/sub-sites:253:19) 查看
图2
Plaintext

parent.$RouterTo

Uncaught DOMException: Blocked a frame with origin "https://cmcp.cmc.tianyirm.cn" from accessing a cross-origin frame.



3、仔细分析其原因,同源策略阻止脚本访问来源不同的站点的内容,网址为:https://console.cmc.tianyirm.cn ,框架内为:https://scmcp.cmc.tianyirm.cn ,但是要打开的链接为:http://web.cmc.tianyirm.cn ,将 parent.$RouterTo 调整为 window.$RouterTo,如图3

仔细分析其原因,同源策略阻止脚本访问来源不同的站点的内容,网址为:https://console.cmc.tianyirm.cn ,框架内为:https://scmcp.cmc.tianyirm.cn ,但是要打开的链接为:http://web.cmc.tianyirm.cn ,将 parent.$RouterTo 调整为 window.$RouterTo
图3
JavaScript

    function toDetail(id,siteId){
        if(window.$RouterTo){
            window.$RouterTo('#terrace/detail/?id='+id+'&select_site='+siteId+'&type_site=1');
        }else{
            location.href = '/Terrace/detail?id='+id+'&select_site='+siteId+'&type_site=1'
        }
    }
    function redirectToSubstation(node){
        var flag=$(node).attr('flag');
        var select_time=$('#select_time').val();
        if(node==undefined){
            flag=$('#select_type').val();
        }else{
            flag=$(node).attr('flag');
        }
        var select_site=$('.right--content .left-menu').find('li.active').parent('ol').attr('siteid');
        var select_catalogId=$('.right--content .left-menu').find('li.active').attr('cataid');
        if(window.$RouterTo){
            window.$RouterTo("#terrace/substation/?flag="+flag+'&select_time='+select_time+'&select_site='+select_site+'&select_catalogId='+select_catalogId);
        }else{
            location.href = '/Terrace/substation?flag='+flag+'&select_time='+select_time+'&select_site='+select_site+'&select_catalogId='+select_catalogId;
        }
    }

4、在网页框架中点击链接,已经可以正常打开:http://web.cmc.tianyirm.cn ,如图4

在网页框架中点击链接,已经可以正常打开:http://web.cmc.tianyirm.cn
图4

关于作者 · 持续学习与技术实践

我是一名拥有 15 年以上开发经验的技术从业者,自 2013 年起持续运营个人技术博客,记录工作与个人项目中遇到的真实问题,以及解决问题过程中的探索、实践和思考。

除了技术写作,我也在持续开发和维护自己的独立项目,探索新技术和新工具在实际场景中的应用。我始终相信,没有不值得去解决的问题,也没有不值得去学习的技术。

如果这篇文章对你有所帮助,欢迎浏览博客中的其他文章,也欢迎交流技术经验与想法。

关于我  ·  GitHub  ·  邮件联系