在 blazor 托管项目中提供静态文件

Question

这是一个非常简单的任务，我想在我的剃刀页面中使用图像，这些图像位于wwwroot/css/imageshtml 中，并像这样在 html 中使用它。

<img src="~/css/images/logo.png"/>

在一个普通的 ASP.Net Core 应用程序中，我只需要添加app.UseStaticFiles()Configure 方法，但由于这是一个 blazor 托管应用程序，它没有任何改变。

我也尝试app.UseStaticFiles()在服务器项目中添加，但也没有成功。

如果您想自己尝试一下，只需从模板创建一个 blazor 托管的项目，然后像我一样尝试提供/显示图像。

Answer 1

Blazor 提供静态文件就好了。您遇到的问题是您用来引用文件的语法。您只需要删除~符号。

<img src="/css/images/logo.png" />