【宋词】《醉花阴》 李清照：薄雾浓云愁永昼。瑞脑消金兽。佳节又重阳，玉枕纱厨，半夜凉初透。东篱把洒黄昏後，有暗香盈袖。莫道不消魂，帘卷西风，

永夜

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

在网页框架中点击链接，报错：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)

作者：

永夜

在

, , , , ,
Post Views: 293
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


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


    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+ 年经验的 PHP / Go 后端工程师，长期关注已有系统维护、Bug 修复、性能优化、服务器排查、WordPress 网站维护和小功能迭代。

如果你的项目遇到以下情况，可以先从一次小问题排查开始合作：

  • ✅ PHP / Laravel / Yii2 老项目无人维护
  • ✅ Go / Gin 后端接口需要排查或优化
  • ✅ WordPress 网站访问慢、报错或插件冲突
  • ✅ Nginx / MySQL / Redis / Linux 服务器异常
  • ✅ CDN / Cloudflare / DNS / HTTPS 配置问题
  • ✅ 需要长期远程技术支持或兼职维护

更多介绍请查看：关于我 & 合作

微信：13980074657
邮箱：shuijingwanwq@gmail.com
Telegram：@shuijingwan
GitHub：https://github.com/shuijingwan

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理。

更多文章