我正在接管一个现有的create-react-app项目，该项目已经显示了来自S3存储桶的几个图像资产。我添加了一个新图像并将其同步到S3，但每当网站尝试检索图像时，它都会返回502 Bad Gateway错误。
新映像〈1 MB，并且与正在工作的映像具有相同的加密（SSE-S3）。
是否通过网页访问图片：
import model from '@app/assets/images/model.jpeg';
...
<img src={model} alt="model" width={190} height={234} />或者直接通过URL：
https://my.site.com/static/media/model.d7306ace178a406bbeee.jpeg我得到了502。网站上显示的其他图像渲染图像很好。
当前存储桶的公共访问被阻止，我不知道还能去哪里检查，是否有对象白名单需要我去检查？
1条答案
按热度按时间b09cbbtk1#
最后变成了文件大小的问题。
我假设最大文件大小为1 MB（可以转发到负载均衡器的最大文件大小），但是当部署步骤中的lambda函数对映像进行编码时，它将文件大小增加了1.37倍，因此我原来的800kb在从S3到负载均衡器的过程中超过了1MB。缩小映像解决了这个问题。