javascript - 将缓存设置为 Firebase 存储中的文件

Question

我有一个 PWA在 Firebase 上运行。我的图像文件托管在 Firebase 存储中。我注意到我的浏览器不会为从存储系统加载的文件保存缓存。浏览器为每次页面刷新请求文件。这会造成不必要的延误和交通。

我的 JS 脚本从 Firebase 存储的下载链接加载文件，示例:https://firebasestorage.googleapis.com/v0/b/discipulado-7b14b.appspot.com/o/book3.png?alt=media&token=65b2cde7-c8a4-45da-a743-401759663c17 .

我可以缓存这些请求吗？

更新

根据这些answer我不应该使用 Firebase 存储来托管我网站上的文件。只是为了管理用户的下载和上传。这是正确的吗？

Answer 1

cacheControl 用于存储:https://firebase.google.com/docs/reference/js/firebase.storage.SettableMetadata#cacheControl

---

您可以使用托管获得更好的服务，并且使用 firebase CLI 进行部署非常简单。我认为默认情况下，托管中图像的缓存控制是 2 小时，您可以使用 .json 全局增加它。

https://firebase.google.com/docs/hosting/full-config#headers

托管可以扩展您的网站并将其移动到更接近需求所在的不同边缘节点。存储仅限于桶，但您可以为欧洲指定一个桶，为中国指定一个桶，为北美指定一个桶，等等。

存储更适合用户文件上传，托管更适合静态内容(尽管我认为他们正在推出具有云功能的动态托管)