Heroku - NodeJS React应用程序上的破碎图像

Question

我有一个用NodeJS (Express)，React和Webpack构建的全栈应用程序。当我在本地运行服务器并为公共文件夹( Webpack在其中生成资源)提供服务时，所有图像都正常工作。然而，当相同的资源被部署到Heroku，并且相同的脚本被用来在Heroku上运行服务器时，镜像就会被破坏。

对于本地和Heroku服务器，NODE_ENV都设置为production。

问题不在于哈希、图像名称、浏览器缓存或图像扩展名(png与PNG)。带有.png扩展名的图像被下载，但根本不加载，而.jpg已加载，但它们看起来像附加的屏幕截图。

本地：

​

知道发生了什么吗？

Answer 1

问题是，当做git push时，git转换行尾，这会导致图像数据损坏。为了避免这种情况，我更改了.gitattributes的配置，并添加了：*.png binary *.jpg binary *.jpeg binary *.gif binary *.ico binary *.mov binary *.mp4 binary *.mp3 binary *.flv binary *.fla binary *.swf binary *.gz binary *.zip binary *.7z binary *.ttf binary *.eot binary *.woff binary *.pyc binary *.pdf binary

它现在可以工作了:)