ASP.NET MVC项目中Href无法加载自定义文件夹下的样式表？

问题根源：ASP.NET Core的静态资源规则 #

首先要明确，你用的应该是ASP.NET Core MVC（传统ASP.NET MVC没有wwwroot目录），而wwwroot是它的默认Web根目录。ASP.NET Core的静态文件中间件，默认只会从这个目录对外提供静态资源（CSS、JS、图片这类）。你自己建的文件夹不在wwwroot下，服务器默认不会把它暴露给浏览器，所以样式自然加载失败。

再看路径的差异：

• ~/css/form2.css里的~是ASP.NET Core的专属根路径占位符，它会自动映射到wwwroot，所以这个路径能被框架正确解析，还能得到IDE的智能提示。
• 而../Styles/form2.css是相对路径，开发环境下IDE可能暂时识别，但服务器不会允许访问wwwroot外的目录，部署后肯定失效，而且没提示也是因为IDE知道只有wwwroot里的静态资源是官方认可的规范路径。

两种解决思路，任你选 #

思路1：把自定义文件夹移到wwwroot里（推荐）

这是官方最推荐的做法，wwwroot就是专门用来放静态资源的地方。你可以在wwwroot下创建Styles文件夹，之后用~/Styles/form2.css引用，既能获得智能提示，也不用额外配置，项目结构也更规范。

思路2：配置静态文件中间件，开放自定义文件夹

如果你非要把CSS文件夹放在wwwroot外面，那得修改项目的启动配置（Program.cs，如果是老版本.NET就是Startup.cs），让服务器允许提供这个目录的静态资源：

// 先保留默认的wwwroot静态文件服务
app.UseStaticFiles();

// 添加对自定义Styles文件夹的静态资源支持
app.UseStaticFiles(new StaticFileOptions
{
    FileProvider = new PhysicalFileProvider(
        Path.Combine(Directory.GetCurrentDirectory(), "Styles")),
    RequestPath = "/Styles" // 浏览器访问时用的路径前缀
});

配置好之后，你就能用~/Styles/form2.css引用这个文件夹里的CSS了，IDE也会逐步支持路径提示。

自建CSS文件夹可行吗？ #

当然可行！只是默认框架不开放wwwroot外的目录作为静态资源路径而已。不过从长期维护和项目规范性来说，优先选择把静态资源放在wwwroot内的方式，能减少很多不必要的配置和潜在的路径问题。

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