树莓派Node.js网站图片显示破碎图标求助

我在树莓派上用Node.js搭建网站，index.html里插入图片后一直显示破碎图标。已经确认图片存在、路径正确，本地PC的localhost环境测试（路径正确）时问题依旧。试过给图片文件执行chmod 755 Profilbillede.jpg赋权，也切换过相对/绝对路径，都没解决，求帮助。

相关代码 #

index.html中的图片标签代码：

<img src="./CV_Website/pageV.1/Profilbillede.jpg" width="810" height="760" alt="Andreas Steffensen" class="absolute top-0 right-0 w-1/4 h-auto">

文件结构说明 #

根据目录截图，文件层级为：当前工作目录 → CV_Website文件夹 → pageV.1子文件夹 → Profilbillede.jpg图片文件。

排查与解决方向 #

• 确认静态资源托管配置：如果使用Express框架，必须通过express.static指定静态资源的根目录，否则Node.js不会自动返回静态文件。
  示例配置：

  // 如果网站根目录是当前脚本所在目录
  app.use(express.static(__dirname));
  // 如果静态资源都在CV_Website文件夹下，可改为
  app.use(express.static(__dirname + '/CV_Website'));
  // 此时图片src需调整为 ./pageV.1/Profilbillede.jpg
  

• 检查文件名大小写：树莓派的Linux系统严格区分文件名大小写，确保代码中Profilbillede.jpg的大小写和实际文件完全一致。
• 验证图片完整性：用树莓派本地的图片查看器打开Profilbillede.jpg，确认文件未损坏；若损坏，重新上传完整的图片文件。
• 查看浏览器控制台错误：按F12打开浏览器开发者工具，切换到「控制台」标签，查看图片加载的具体错误（如404路径错误、权限拒绝等），根据错误信息精准定位问题。
• 递归设置目录权限：除了图片文件本身，父目录也需要有可读权限，执行以下命令递归设置：

  chmod 755 -R CV_Website
  

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