MVC模式下CSS无法生效，该如何配置文件路径？

先确认文件存放位置 #

不同MVC框架的静态资源默认目录不一样，先把CSS放在对应目录：

• ASP.NET MVC：默认放/Content/css/
• Java Spring MVC：放/src/main/resources/static/css/
• Node.js（比如Express MVC）：放/public/css/

视图里引用CSS的正确姿势 #

1. 绝对路径（最稳妥） #

直接从项目根目录开始写路径，不管视图在哪个层级都不会错：

<!-- ASP.NET MVC示例 -->
<link rel="stylesheet" href="/Content/css/style.css">
<!-- Spring MVC/Express示例 -->
<link rel="stylesheet" href="/css/style.css">

2. 用框架自带的路径工具（适配特定框架） #

有些MVC框架提供了路径生成方法，能自动适配根路径，避免硬编码：

• ASP.NET MVC用Url.Content()：

<link rel="stylesheet" href="@Url.Content("~/Content/css/style.css")">

• Spring MVC用JSTL的c:url标签：

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<link rel="stylesheet" href="<c:url value="/css/style.css"/>">

3. 相对路径（不推荐，容易踩坑） #

如果视图在多层目录下，比如Views/Home/Index.cshtml，要回退到根目录找CSS：

<link rel="stylesheet" href="../../Content/css/style.css">

这种方式一旦视图层级变了就得改路径，尽量别用。

常见排查点 #

• 检查路径拼写、大小写，Linux服务器上大小写不匹配会直接返回404
• 确认框架已经配置了静态资源访问权限，比如Express要加app.use(express.static('public'))，Spring MVC默认识别static目录
• 按F12打开浏览器开发者工具，查看Network标签里CSS文件的请求状态，要是404就是路径错误，200才是正常加载

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