Serve static files in blazor hosted project

Question

It is a pretty simple Task, I want to use images in my razor pages which are located in wwwroot/css/images and use it in html like this.

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

In a normal ASP.Net Core application I would just add app.UseStaticFiles() in the Configure method, but since this is a blazor hosted application, it changes nothing.

I also tried adding the app.UseStaticFiles() in the server project, but with no success either.

If you want to try it out yourself just create a blazor-hosted project from the templates and try to serve/display images like I did.

Answer 1

Blazor serves static file just fine. The issue you’re having is the syntax you’re using to reference the file. You just need to drop the ~ symbol.

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