Search code examples
jqueryasp.netasp.net-corebootstrap-4razor-pages

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

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

enter image description here

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

enter image description here

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

Solution

  • 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