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

Question

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

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

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

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

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

Answer 1

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

<img src=“/css/images/logo.png” />

Answer 2

关于这一点的一个精度...... blazor 中任何内容的静态文件根都从 wwwroot 文件夹开始。 wwwroot 被认为是理所当然的，并且在您需要用于请求静态文件的实际路径中被省略。 使用 ：

“/css/images/logo.png”

也可以表示为：

“css/images/logo.png”..我很确定。

如果您在 Razor 类库中……还有一个用于 Razor 类库本身的 wwwroot。 当使用 Blazor Wasm 客户端时，RCL 中任何静态文件的文件路径变为：

“_content/[RCL 程序集名称]/css/images/logo.png”

请注意，即使对于您在 Razor 类库本身内部实现的类和内容，即使您在该库中定义内容... Razor 类库中您自己的 wwwroot 中的静态文件也使用“_content/[RCL 程序集名称] “ 字首。