Live Heroku App具有除背景图像（React / Node.js）以外的所有损坏图像

Question

当网站上线时，除用CSS硬编码的背景图像外，所有图像都显示为损坏。

我从Github上的master分支构建应用。在存储库上，所有图像都可以正常加载，并且扩展名与背景图像没有区别/不同。背景图像与其他图像位于同一目录中，当我在Netlify上托管时，它可以正常工作。

在控制台上，图像出现404错误。

有什么想法吗？

实时站点：https://deathless-studio.herokuapp.com/#/

图像所在的存储库：https://github.com/matthew-devonport/DEATHLESS-Portfolio/tree/master/server/public/Images

谢谢！

Answer 1

您的网络客户端正在通过以下方式调用图像

https://deathless-studio.herokuapp.com/IMAGES/Shop-Pics-Logo.jpg

代替

https://deathless-studio.herokuapp.com/Images/Shop-Pics-Logo.jpg

（尝试链接。您可以看到其中的图像。只是指定的路径不正确。）

如果执行F12或ctrl + shift + i并打开“网络”标签，则会看到失败的API调用：

这是您的git仓库：

Answer 2

仅Heroku是不可能的。因为Heroku文件系统是临时的https://help.heroku.com/K1PPS2WM/why-are-my-file-uploads-missing-deleted

您可以使用

1. S3文件上传https://devcenter.heroku.com/articles/s3-upload-node
2. 普通附件https://elements.heroku.com/addons/cloudinary

祝你好运：）