ASP.NET Core 5.0 MVC中CSS样式仅对首页视图生效的问题求助

第一步：定位错误根源 #

打开浏览器开发者工具（macOS按Option+Command+I），切换到「网络」面板，筛选CSS资源后刷新无样式的Create页面：

• 若样式文件请求返回404，属于路径配置问题，按后续步骤修复
• 若返回其他状态码，再针对性排查静态文件中间件、文件权限问题

第二步：修复布局页CSS引用路径 #

该问题90%以上由相对路径引用错误导致：

错误写法（无web根路径标识）：

<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/site.css" />

上述相对路径在首页（站点根路径/）时，会请求/css/xxx.css，路径正确可正常加载；但在路由为/[控制器名]/Create的页面中，会自动拼接当前路由前缀，请求/[控制器名]/css/xxx.css，资源不存在导致无样式。
正确写法二选一：

1. 加根路径前缀/，强制从站点根目录查找资源

<link rel="stylesheet" href="/css/bootstrap.min.css" />

2. 用ASP.NET Core内置的~前缀，自动适配web根路径，搭配asp-append-version还可避免缓存问题

<link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />

第三步：适配macOS大小写敏感规则 #

macOS文件系统默认大小写敏感，和Windows的不敏感规则不同，需确保：

• 代码中引用的CSS文件夹名、文件名，和wwwroot目录下的实际文件大小写完全一致，例如实际文件为Site.css就不能写site.css，实际文件夹为Css就不能写css

第四步：排查布局覆盖配置 #

• 检查Create.cshtml顶部是否单独配置了Layout = null或者其他自定义布局，覆盖了_ViewStart.cshtml的全局配置
• 若Create页属于Area区域，检查对应Area文件夹下是否存在单独的_ViewStart.cshtml，修改了Layout属性

第五步：验证修复结果 #

修改完成后按Option+Command+R强制刷新页面清空缓存，确认样式正常加载即可。

内容的提问来源于stack exchange，提问作者Czaru