在同一页面上运行多个 Blazor 应用答案

【问题标题】：Run multiple Blazor Apps at same Page在同一页面上运行多个 Blazor 应用
【发布时间】：2019-05-17 15:11:39
【问题描述】：

我正在尝试在同一页面上运行两个 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>

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

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

【问题讨论】：

标签： blazor

【解决方案1】：

您应该避免使用 iframe。

你想要的都是不可能的。但好消息是不需要它，blazor 的组件模型允许你创建两个独立的组件来做你想做的事。如果您想将其分开，您应该在 VS 中使用两个单独的项目，这些项目组合在一个 blazor 应用程序中。

【讨论】：