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

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

blazor

在同一页面上运行多个Blazor应用程序,blazor,Blazor,我正在尝试在同一页面上运行两个Blazor应用程序。我测试了两个应用程序，它们都正常工作。但一旦我将它们作为iframe添加到我的htlm页面，我就会遇到很多问题。例如，导航和按钮不再正常工作我尝试添加的两个应用程序都是客户端Blazor项目这就是html页面的外观： <h1>App 1</h1> <iframe width="100%" height="45%" src="http://localhost:8082"></iframe>

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

我尝试添加的两个应用程序都是客户端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>

app1
应用程序2

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

我的问题是这不起作用的原因是什么，是否有比使用iFrame更好的方法将多个Blazor应用程序添加到html页面。

您应该避免使用iFrame

你想要的是不可能的。但好消息是不需要它，blazor的组件模型允许您创建两个单独的组件来完成您想要的任务。如果你想把它们分开，你应该在VS中使用两个单独的项目，它们在一个blazor应用程序中结合在一起

您应该避免使用iFrame