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

我在Firebase上运行了 PWA.我的图片文件托管在Firebase存储上.我注意到我的浏览器没有为从存储系统加载的文件保存缓存.浏览器为每个页面刷新请求文件.它会导致不必要的延迟和流量.

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

我可以缓存这些请求吗?

UPDATE

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

解决方法

cacheControl for Storage: https://firebase.google.com/docs/reference/js/firebase.storage.SettableMetadata#cacheControl

您可以更好地使用Hosting,使用firebase CLI进行部署非常简单.我认为认情况下,Hosting中的图像上的Cache-Control是2小时,您可以使用.json全局增加它.

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

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

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

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...