我有一个使用NodeJS(Express),React和Webpack构建的全栈应用程序。当我在本地运行服务器并提供公用文件夹(Webpack在其中生成资产)时,所有映像均正常工作。但是,如果将相同的资产部署到Heroku并使用相同的脚本在Heroku上运行服务器,则图像会损坏。
对于本地服务器和Heroku服务器,NODE_ENV均已设置为正式生产。
问题不在于散列,图像名称,浏览器缓存或图像扩展名(png与PNG)。具有.png扩展名的图像已下载但未加载,而.jpg却已加载,但其外观与所附的屏幕截图相同。
知道发生了什么吗?
答案 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
现在可以使用:)