asp.net core mvc razor page css not loading on specific route

Question

I have setup a new/basic Asp.Net Core MVC project. All the CSS and JS are working fine when I am on homepage:

But when I go to some specific route like "/Role/Create", CSS and JS files are not loading correctly:

The error basically originates from jquery.min.js and I am not sure why its prepending /Role before /assets in the url. I might be missing a very small thing.

Here is the complete code: https://github.com/alishahzadone/WebApplicationMvc

@NimaTalebi its already there, please check GitHub repo: github.com/alishahzadone/WebApplicationMvc — Ali Shahzad
– Ali Shahzad, Commented Aug 14, 2021 at 10:42

aamd · Accepted Answer · 2021-08-14 15:52:12Z

4

this is because the css files path is relative to your page route not to the base path you can fix it by adding

<base href="~/">

in your layout page _layout.cshtml before the <head> tag

answered Aug 14, 2021 at 15:52

aamd

4575 silver badges12 bronze badges

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

Collectives™ on Stack Overflow

asp.net core mvc razor page css not loading on specific route

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