我正在接管一个现有的create-react-app项目，该项目已经从S3桶中显示了几个图像资产。我添加了一个新图像并将其同步到S3，但是每当站点试图检索图像时，它都会返回一个502坏网关错误。
新映像为<1MB，具有与正在工作的映像相同的加密(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 MB(可以转发到负载均衡器的最大文件大小)是正确的。我没有意识到的是，当我们部署步骤中的lambda函数将图像编码为base64时，它将文件大小增加了约1.37倍，因此我最初的800kb在通过负载平衡器从S3传输的过程中超过了1MB。缩小图像可以解决问题。