从S3获取的图像上的React / Firebase和Cache-Content标头

Question

我刚刚开发了一个React网站，我在其中使用REST Server（Express.js）从公共S3存储桶中获取了一些图像。

是的，当我运行页面速度测试时，出现以下错误：

我尝试了一切。我在各处的REST API中都添加了res.set('Cache-Control', 'public, max-age=604800, s-maxage=604800');。

我还在index.html中添加了<meta http-equiv="cache-control" content="max-age=604800" />

过程如下：

1. 我加载了React组件
2. 安装后，我从服务器获取了一个对象数组，每个对象都有一个图像属性
3. react在对象上循环，并使用普通的GET（又名src属性）调用该图像从S3加载到此特定图像容器中

也许我应该在存储桶设置中进行一些更改？还是应该直接在React应用中完成？以及如何？

我有点困惑，无法在线找到简单的解决方案。

PS。我正在使用Firebase托管我的静态文件，因此我在firebase.json中使用它： { "hosting": { "public": "build", "ignore": [ "firebase.json", "**/.*", "**/node_modules/**" ], "rewrites": [ { "source": "**", "destination": "/index.html" } ], "headers": [ { "source": "/service-worker.js", "headers": [ { "key": "Cache-Control", "value": "max-age=604800" } ] } ] } }