express.static('static') 应直接挂载到根路径，浏览器通过 /css/style.css 访问 ./static/css/style.css；href 必须用绝对路径如 /css/style.css；禁止在服务端 require/import css 文件；验证时直接访问 http://localhost:3000/css/style.css 查看 200 响应。
express.static() 挂载路径怎么写才对
直接用 app.use(express.static('static'))，别加前缀、别用相对路径、别带 ../。这个调用默认把 static 目录映射到 URL 根路径 /，浏览器访问 /css/style.css 就会去找项目根目录下的 ./static/css/style.css。
常见错误包括：app.use('static', express.static('static'))（导致必须写 /static/css/...）、app.use('../static', ...)（Node.js 路径解析失败）、或误用 path.join(__dirname, 'public') 却没确认文件夹真实存在。
- 确保
static（或public）文件夹和app.js在同一级目录 - 挂载后无需在 URL 中体现文件夹名，
express.static('static')≠ 访问路径要带/static - 如果非要加前缀（比如部署时需统一加
/assets），写成app.use('/assets', express.static('static'))，之后所有引用必须以/assets/开头
EJS 或 HTML 里 href 怎么写才不 404
必须用以 / 开头的绝对路径，例如 /css/style.css，而不是 ./css/style.css 或 ../static/css/style.css。相对路径依赖当前页面 URL，EJS 渲染到 /auth/login 时，./css/ 就会变成 /auth/css/，直接 404。
如果你用了带前缀的挂载（如 app.use('/assets', ...)），那 href 就得严格匹配：/assets/css/style.css ——少一个字符或大小写不对都会失败。
-
<link rel="stylesheet" href="/css/style.css">✅（对应express.static('static')） -
<link rel="stylesheet" href="/assets/style.css">✅（对应app.use('/assets', express.static('assets'))） -
<link rel="stylesheet" href="css/style.css">❌（无斜杠 → 相对路径，极易出错）
为什么浏览器报 SyntaxError: Unexpected token '.'
这根本不是 CSS 文件的问题，而是 Node.js 进程自己试图去 require('./style.css') 或 import './style.css' —— 浏览器还没机会加载它。错误堆栈里出现本地文件路径（如 C:\project\style.css:2）就是铁证。
检查你所有 JS 文件（尤其是 app.js、路由文件、工具模块），删掉任何对 .css 文件的 require 或 import。CSS 只能通过 <link> 标签由浏览器加载，Node.js 不懂怎么解析它。
- 确认没有在服务端代码里写
const css = require('./static/css/main.css') - ES 模块中
import './styles.css'同样非法，除非你配了 CSS 加载器（Express 默认不支持） - 双击打开 .css 文件被系统用 Node 打开？关掉，用编辑器看
验证静态资源是否真生效的最快方法
别等页面渲染，直接在浏览器地址栏输完整 URL：比如 http://localhost:3000/css/style.css 或 http://localhost:3000/assets/logo.png。看到源码或图片，状态码是 200，说明 Express 已正确托管；返回 404，就回头查文件位置、挂载路径、href 是否一致。
注意：这个 URL 必须和你 app.use() 的配置 + HTML 中 href 完全对应。三者差一丁点，比如多一个空格、大小写不符、漏掉 /，就断链。
- 文件系统路径：确认
./static/css/style.css真的存在（区分大小写） - 中间件挂载：
app.use(express.static('static'))必须在所有路由app.get(...)之前执行 - HTML 引用：
href值必须精确匹配浏览器请求的 URL 路径
href 和 app.use 的前缀逻辑没对齐，或者文件根本不在预期位置。盯着浏览器 DevTools 的 Network 标签页看请求 URL 和响应状态，比猜快十倍。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
