使用Node.js与express.static时CSS无法加载的问题求助

问题原因 #

你的CSS文件路径配置错误：

• express.static已将Public文件夹设为静态文件的根目录
• 浏览器访问/时，服务器返回的是Public/Home/Home.html
• HTML里的href="Home.css"会让浏览器请求http://localhost:3000/Home.css，但实际CSS文件在Public/Home/Home.css，对应的正确请求路径是http://localhost:3000/Home/Home.css

解决方案 #

修改HTML中的link标签路径，使用绝对路径（开头加/）：

<link rel="stylesheet" type="text/css" href="/Home/Home.css">

这个路径会从静态根目录（Public）开始查找，精准定位到Public/Home/Home.css文件。

额外注意事项（新手必看） #

• 确认静态目录路径正确性：你代码里path.join(__dirname, '..', 'Public')是正确的，因为server.js在src文件夹，..会回到项目根目录，正好指向Public文件夹。
• 文件名大小写：Windows系统不区分大小写，但部署到Linux服务器时会严格区分，确保HTML里的路径和实际文件名大小写完全一致（比如不要把Home.css写成home.css）。
• 调试小技巧：打开浏览器开发者工具（按F12），切换到「Network」标签，查看CSS请求的状态，如果是404，说明路径错误，对比请求URL和实际文件位置就能快速定位问题。

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