ASP.NET Core 6 MVC项目中CSS样式无法加载的问题求助

• 修正CSS引用路径
  不要使用普通相对路径，改用ASP.NET Core的路径生成方法，确保指向wwwroot下的静态资源：

  <!-- 使用Url.Content -->
  <link rel="stylesheet" href="@Url.Content("~/css/your-style.css")" />
  <!-- 或者使用Tag Helper -->
  <link rel="stylesheet" asp-href="~/css/your-style.css" />
  

  ~/是ASP.NET Core的根路径标识，会自动映射到wwwroot目录。

• 启用静态文件中间件
  打开Program.cs，确认已添加静态文件服务，且放在路由配置之前：

  var builder = WebApplication.CreateBuilder(args);
  builder.Services.AddControllersWithViews();
  var app = builder.Build();
  
  // 必须启用静态文件访问
  app.UseStaticFiles();
  
  app.UseRouting();
  app.MapControllerRoute(
      name: "default",
      pattern: "{controller=Home}/{action=Index}/{id?}");
  
  app.Run();
  

• 确认CSS文件存放位置
  确保CSS文件放在wwwroot/css（或自定义静态目录）下，ASP.NET Core默认只允许访问wwwroot里的静态资源，除非额外配置其他目录的访问权限。

• 强制刷新浏览器缓存
  浏览器缓存可能导致旧样式残留，按Ctrl+F5强制刷新页面，或清空浏览器缓存后重新测试。

• 排查视图布局冲突
  如果是局部视图里的CSS不生效，检查布局页是否有重复引用、样式覆盖，或者确保CSS引用放在布局页的<head>标签范围内。

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