html - 图片没有显示在 Heroku 上？

我使用本教程将静态 HTML 网站部署到 Heroku (http://www.lemiffe.com/how-to-deploy-a-static-page-to-heroku-the-easy-way/）我的照片不会显示？它在本地运行得很好，所以我真的不明白为什么部署在 Heroku 上时却不能运行？

我还查找了 stackoverflow 提供的所有其他解决方案，但没有任何对我有用。非常感谢任何帮助

这是我的文件夹/文件的顺序（文件夹大写）：

-RESUMEAPPCOPY
  -home.html
  -portfolio.html
  -index.php
  -aboutme.html
-PUBLIC
  -IMG
  -JS
  -CSS

图像代码：

 <img src="/Users/erv/Desktop/MyProjects/resumeappcopy/public/img/PennUnitedWebsite.PNG" alt="PUSA-Icon" class="img-rounded" style="height: 300px;"/>

每当我检查 Heroku 上的元素时，它都会显示：

Failed to load resource: the server responded with a status of 404 (Not Found)

图片应该在哪里，我有典型的损坏的图像链接图片

Your <img>标签指向一个absolute本地文件系统上存在但 Heroku 应用程序不存在的路径。相反，提供一个relative路径（相对于HTML 文件调用<img> tag，即）到您的图像资产，将更改提交到版本控制，然后重新部署到 Heroku。

假设你的public目录实际上嵌套在resumeappcopy目录，以下路径应该有效：

<img src="public/img/PennUnitedWebsite.png" alt="PUSA-Icon" class="img-rounded" style="height: 300px;"/>

UPDATE:

请注意，引用的资产 URL 指向具有文件扩展名的资产PNG 大写。然而，该文件的actual文件扩展名是png – 小写 (see here）。在查找资源时，您的本地文件系统可能对大小写不敏感——但 Heroku 不是。您需要确保在部署到 Heroku 时正确调用正确的资源大小写。