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 页面单击按钮