Heroku上的图像损坏-NodeJS React应用

时间:2018-09-18 06:40:28

标签: node.js reactjs heroku webpack

我有一个使用NodeJS(Express),React和Webpack构建的全栈应用程序。当我在本地运行服务器并提供公用文件夹(Webpack在其中生成资产)时,所有映像均正常工作。但是,如果将相同的资产部署到Heroku并使用相同的脚本在Heroku上运行服务器,则图像会损坏。

对于本地服务器和Heroku服务器,NODE_ENV均已设置为正式生产。

问题不在于散列,图像名称,浏览器缓存或图像扩展名(png与PNG)。具有.png扩展名的图像已下载但未加载,而.jpg却已加载,但其外观与所附的屏幕截图相同。

本地: enter image description here

知道发生了什么吗?

1 个答案:

答案 0 :(得分:0)

问题在于,在执行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

现在可以使用:)