Blazor Server App Uses Wrong URL For CSS Files

Question

I have created a simple Blazor Server app with VS2022. I just used the default example code and made no changes. The application is then run on my server, where I can access it via https://myserver/myapp (a IIS redirect redirects that to http://localhost:5000).

The problem now is that the app cannot find any of the CSS files. E.g. it tries to load "https://myserver/css/site.css", which does not exist. The correct path would be "https://myserver/myapp/css/site.css".

How can I change the path where the Blazor app looks for its files?

What is your project structure? Try putting your css file under myserver. — samwu
– samwu, Commented Apr 19, 2022 at 9:14

Henk Holterman · Accepted Answer · 2022-04-19 06:32:41Z

3

The correct path would be "https://myserver/myapp/css/site.css".

When you had installed it as a regular IIS WebSite then it would have worked 'out of the box'. But with a IIS redirect things could fall apart.

Your best option now is to change the base href in _Layout.cshtml to

<base href="~/myapp/" />

answered Apr 19, 2022 at 6:32

Henk Holterman

275k33 gold badges353 silver badges540 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Blazor Server App Uses Wrong URL For CSS Files

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related