Node.js项目中静态文件（CSS/JS/图片）无法加载求助

1. 修复静态文件夹大小写不匹配问题 #

你的项目中静态资源文件夹是ASSETS（全大写），但代码里指定的静态目录是小写的assets：

app.use(express.static('assets'));

类Unix系统（macOS/Linux）的文件系统区分大小写，这会导致Express找不到目标文件夹。修改为：

app.use(express.static('ASSETS'));

2. 核对HTML中静态资源的引用路径 #

确保HTML里的资源路径与静态目录结构、大小写完全匹配。例如：

• 若CSS文件在ASSETS/CSS/style.css，HTML中应写：

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

• 若JS文件在ASSETS/JS/main.js，HTML中应写：

<script src="/JS/main.js"></script>

路径直接以/开头，对应Express静态目录的根路径，无需额外添加ASSETS前缀。

3. 改用绝对路径避免工作目录问题（可选） #

如果启动Node命令的工作目录不是XYZ_PROJECT_FOLDER，相对路径可能失效。可以用绝对路径确保准确性：

const path = require('path');
app.use(express.static(path.join(__dirname, 'ASSETS')));

__dirname指向当前INDEX.js所在目录，结合path.join生成可靠的绝对路径。

4. 修正Contact页面的文件名匹配 #

代码中路由/contact指向contact-form.html，但项目实际文件是CONTACT.html，同样存在大小写不匹配问题。修改路由代码：

app.route("/contact").get(function (req,res){
    res.sendFile(path.join(__dirname, 'CONTACT.html'));
})

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