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

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

图1

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

图2

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

图3

    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

图4

永夜