如何在 Blazor 服务器模板的 iframe 中加载本地 Test.html 文件答案

【问题标题】：How to load a local Test.html file inside a iframe in the Blazor server template如何在 Blazor 服务器模板的 iframe 中加载本地 Test.html 文件
【发布时间】：2021-03-17 20:29:11
【问题描述】：

我不知道如何将本地文件加载到我的 Blazor Server 模板中。我想在模板的 Index.razor 页面上的 iframe 中加载 Test.html 文件。 Test.html 文件保存在与 Index.razor 文件相同的文件夹中。但它不会显示？怎么做才对？

@page "/"

<h1>Main Blazor</h1>

<iframe src="Test.html" width="600" height="800" frameborder="0"></iframe>

【问题讨论】：

标签： html iframe blazor-server-side local-files

【解决方案1】：

我确实这样做了：

不要将 test.html 放在 Blazor 的页面文件夹中，而是将其放在 wwwroot 文件夹（更奇怪的是，我在那里创建了一个文件夹“MyHtmlPages”）并将测试文件移到那里。

这是我的 blazor index.razor 页面中成功调用/显示文件的 html：

&lt;iframe src="/MyHtmPages/Test.html" width="600" height="800" frameborder="0"&gt;&lt;/iframe&gt;

【讨论】：