Question

我将图像存储在子目录中，如下所示，

+ public
+ source
  + posts
  + images
     + rss-icon.png
     + post1
       + redsquare.jpg
       + greensquare.png

在帖子中我有以下内容，

![image](/images/post1/redsquare.jpg)  
![image](/images/post1/greensquare.png)

在本地服务器上，所有三个图像（ rss-icon，redsquare，greensquare ）都没有问题。

但是当我部署到Heroku时， greensquare。 png 图像不起作用。我取而代之的是404 Failed to load resource状态。 rss-icon。 png 和redsquare.jpg在部署的网站上运行良好。

我找到的所有建议的解决方案仅适用于Rails ...例如this和this。

但是我没有使用Rails ......

我对 gitignore 和 slugignore 文件进行了三重检查，没有任何内容会导致这种偏见。

我该如何解决这个问题？任何帮助表示赞赏。

修改没关系，找到了解决方案。这是我的一个小错误，请参阅下面的答案。将此留在这里以防万一对某人有用。

Answer 1

好的，事实证明它与图像的位置无关。相反，它与扩展名的 lettercase 有关。

我的图片看起来像这样，

我认为扩展名不区分大小写，并使用小写（ png ）编写了所有引用。但事实并非如此！更改为大写修复了404问题。

作为旁注，大写的PNG图像是由Microsoft的Snipping Tool生成的，