Heroku 上托管的 PHP 应用程序的一些图像未加载答案

【问题标题】：A few images of a PHP app hosted on Heroku are not getting loadedHeroku 上托管的 PHP 应用程序的一些图像未加载
【发布时间】：2018-03-27 14:41:51
【问题描述】：

我使用 Github 作为 SCM 并在 Heroku 上启用了自动部署。我正在尝试使用 Heroku 开发一个简单的 HTML、CSS、JS 应用程序和使用 PHP 进行部署。我所有的图像都在 Git 中可用，为图像提供的相对路径也是正确的。仍然有一些图像没有反映在页面上并给出 404，而大多数图像确实出现了。可能是什么原因？

这里是代码sn-p

.bgimg1 {
            background-image: url('images/Top_Image.jpg');
        }

<body class="background">
    <div class="loader"></div>
    <div class=" bgimg1">My top content </div>

<div class="carousel-inner" role="listbox">
                <div class="item active">
                    <img src="images/1.jpg" alt="img" height="50%" width="100%">
                </div>
                <div class="item">
                    <img src="images/2.jpg" alt="img" height="50%" width="100%">
                </div> 
            </div>
</body>

这是项目结构。

【问题讨论】：

标签： php git heroku

【解决方案1】：

确保引用正确的图像，注意小写/大写：当文件名确实是 .JPG（大写）时，您在 html 中引用 *.jpg（小写）。

更正的代码：

.bgimg1 {
  background-image: url('images/Top_Image.JPG');
}

<body class="background">
  <div class="loader"></div>
  <div class=" bgimg1">My top content </div>
  <div class="carousel-inner" role="listbox">
    <div class="item active">
      <img src="images/1.JPG" alt="img" height="50%" width="100%">
    </div>
    <div class="item">
      <img src="images/2.jpg" alt="img" height="50%" width="100%">
    </div> 
  </div>
</body>

【讨论】：