asp.net core mvc razor page css未在特定路由上加载

Posted

技术标签:

【中文标题】asp.net core mvc razor page css未在特定路由上加载【英文标题】:asp.net core mvc razor page css not loading on specific route 【发布时间】:2021-10-17 06:32:58 【问题描述】:

我已经设置了一个新的/基本的 Asp.Net Core MVC 项目。当我在主页上时,所有的 CSS 和 JS 都可以正常工作:

但是当我转到“/Role/Create”之类的特定路径时,CSS 和 JS 文件无法正确加载:

该错误基本上源自 jquery.min.js,我不确定为什么它在 url 中的 /assets 之前添加 /Role。我可能遗漏了一件非常小的事情。

完整代码如下: https://github.com/alishahzadone/WebApplicationMvc

【问题讨论】:

使用~/jquery.min.js 在您的资产链接前添加~/ @NimaTalebi 已经存在,请查看 GitHub 存储库:github.com/alishahzadone/WebApplicationMvc 【参考方案1】:

这是因为 css 文件路径是相对于您的页面路由而不是基本路径 你可以通过添加来修复它

<base href="~/">

在你的布局页面_layout.cshtml<head> 标签之前

【讨论】:

以上是关于asp.net core mvc razor page css未在特定路由上加载的主要内容,如果未能解决你的问题,请参考以下文章

Asp.Net Core Mvc Razor之RazorPage

[MVC&Core]ASP.NET Core MVC 视图传值入门

ASP.NET Core 2,使用没有 MVC 的 Razor 页面单击按钮

IFormFile 始终为空(带有 MVC/Razor 的 ASP.NET Core)

[Asp.Net Core]MVC_Razor布局

[Asp.Net Core]MVC_Razor布局