是否可以在 iframe 内渲染全栈应用程序？

Question

这可能听起来很疯狂，但我想这样做。我正在尝试在我的 next.js 应用程序中渲染在另一个应用程序上运行的 Payloadcms 管理仪表板。

以下是我在 next.js 应用程序上的页面：

export default function Page() {
  return(
    <main>
      <iframe className="w-full h-screen" src="https://mypayloadcmsapp.com/admin"></iframe>
    </main>
  )
}

该页面呈现 Payloadcms 应用程序的管理员登录页面，但是当我使用适当的凭据单击登录时，iframe 不会转发到仪表板。我哪里做错了？

我想使用在不同主机上运行的 next.js 应用程序登录到我的 Payloadcms 应用程序。您可能会问为什么我不将 next.js 页面转发到 Payloadcms 应用程序，原因是重定向也会更改 url但我不想要这样。

Answer 1

可以通过多种不同的方法（包括 HTTP 标头和 JavaScript）阻止应用程序在 iframe 中运行。如果第三方想要阻止您对他们的内容进行框架化，那么您的选择是要么接受这一点，要么联系他们并向他们提供足够的钱让他们改变主意。