在同一页面上运行多个Blazor应用程序

Question

我正在尝试在同一页面上运行两个Blazor应用程序。 我测试了这两个应用程序，它们都可以工作。 但是，一旦我将它们作为iframe添加到我的htlm页面，就会遇到很多问题。 例如，导航和按钮无法正常工作。

我尝试添加的两个应用都是Client Blazor项目。

那是html页面的样子：

<h1>App 1</h1>
<iframe width="100%" height="45%" src="http://localhost:8082"></iframe>
<h1>App 2</h1>
<iframe width="100%;" height="45%" src="http://localhost:8083"></iframe>

这两个应用程序都是创建新Blazor项目时创建的示例。

我的问题是为什么它不起作用，并且比使用iframe更好的方法是将多个Blazor应用程序添加到html页面。

Answer 1

您应该避免使用iframe。

您想要的东西是不可能的。但是好消息是不需要它，blazor的组件模型允许您创建两个单独的组件来完成您想要的事情。如果您想将其分开，则应在VS中使用两个独立的项目，它们在一个blazor应用程序中组合在一起。