1

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

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

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

本地: 在此处输入图像描述

知道发生了什么吗?

4

1 回答 1

1

问题是,在执行git pushgit 时,会转换行尾,这会导致图像数据损坏。为了避免这种情况,我更改了配置.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

它现在可以工作了:)

于 2018-09-18T07:08:01.787 回答