Installing cache in files in Firebase storage

Question

My PWA runs on Firebase. My image files are hosted on Firebase Storage. I noticed that my browser does not save the cache for files downloaded from the storage system. The browser requests files for each page refresh. This causes unnecessary delay and traffic.

My JS script downloads files via the Firebase Storage download link, for example: https://firebasestorage.googleapis.com/v0/b/discipulado-7b14b.appspot.com/o/book3.png?alt=media&token=65b2cde7-c8a4 -45da-a743-401759663c17 .

Can I cache these requests?

UPDATE

, Firebase Storage . . ?

Answer 1

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

---

, Firebase CLI . , Cache-Control 2 , .json.

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

, . , , , ..

, - ( , )

Answer 2

, , workbox cacheFirst . , , .

, Firebase, , cacheControl Firebase Hosting Cache-Control .

Answer 3

Serviceworker .

URL .

, .

-

cacheUrl = url.origin + url.pathname.substr(0, url.pathname.length - urlPath.length) + urlPath;

cache.put(cacheUrl, response);

Answer 4

storageRef.updateMetadata(yourMetadata) , .

https://firebase.google.com/docs/storage/web/file-metadata#update_file_metadata

or

storageRef.put(file, yourMetadata)

https://firebase.google.com/docs/storage/web/upload-files#upload_files