阻止源为“ http：// ...”的框架访问跨域框架

Question

我已阅读以下标题相同的帖子-

• Blocked a frame with origin "http://localhost:8084" from accessing a cross-origin frame
• Blocked a frame with origin "http://localhost:63830" from accessing a cross-origin frame
• Blocked from accessing a cross origin frame

以上都不回答我的问题。

我正在React中开发一个Web应用程序，在那里我使用了一些iframe。

<iframe title="dashboard-cost-months" src="some source"/>

此外，我正在使用此JS代码将iframe的高度设置为其内容高度。

let iframes = document.querySelectorAll("iframe");
for( let i = 0; i < iframes.length; i++) {
        iframes[i].height = iframes[i].contentWindow.document.body.scrollHeight;
}

我在浏览器控制台上遇到以下错误-

VM346:3 Uncaught DOMException: Blocked a frame with origin "http://localhost:3000" from accessing a cross-origin frame.
    at <anonymous>:3:54

该网站将部署在iframe即将来自的同一域中。

问题是我正在localhost:3000上开发此网站，并且由于跨域策略，浏览器阻止脚本设置高度。

还有其他方法可以出于开发目的暂时禁用它吗？