Safari 未从文件同一服务器加载 iFrame

如何解决Safari 未从文件同一服务器加载 iFrame

我将 React 项目包含在我的 ColdFusion 网站中并将其呈现在 iFrame 中，因此 React 项目中的样式不会影响 ColdFusion 中的当前样式。

React 中的 index.js 设置为在 <div id="iRentHome"></div> 中加载 DOM

LoadReact.cfm

<html>

<head>
</head>

<cfquery name="getKey" DATASOURCE="myDB">
    SELECT * From System WHERE Id = 1
</cfquery>
<cfset key = getKey.EncryptKey />
<cfset local.pID = encrypt(session.PropertyID,key,"AES/CBC/PKCS5Padding","HEX") />
<cfset local.uID = encrypt(session.UserID,"HEX") />

<body>
    <cfoutput>
        <input type="hidden" id="reactPropertyID" value="#local.pID#" />
        <input type="hidden" id="reactUserID" value="#local.uID#" />
    </cfoutput>
    <div id="iRentHome"></div>

    <!-- The Home Page --->
    <script src="./React/home/js/2.7e3dd526.chunk.js"></script>
    <script src="./React/home/js/3.f7f3f573.chunk.js"></script>
    <script src="./React/home/js/main.1609c55d.chunk.js"></script>
    <script src="./React/home/js/runtime-main.6760acc2.js"></script>
    <link rel="stylesheet" href="./React/home/css/2.6de17b2d.chunk.css">
    <link rel="stylesheet" href="./React/home/css/main.c72b7ad5.chunk.css">
</body>

</html>

然后，在 main.cfm 文件中，我调用 iFrame 中的 LoadReact.cfm。

<iframe id="homeiFrame" src="./LoadReact.cfm" frameBorder="0" style="width: 1000px; height: 1500px"></iframe>

它在 FireFox 和 Chrome 中完美运行，但 Safari 无法呈现 iFrame 内容。它只显示一个空的 iFrame，并且在浏览器控制台中没有错误。