Tengo una aplicación web de chat en la que intento almacenar en caché las imágenes descargadas de Firebase Storage. Establecí la propiedad de metadatos cacheControl en 64800 al cargar la imagen.

 let storageRef = ref(storage,'Groups/' + this.groupRef.id + '/Images/' + uuid()) const metadata = { cacheControl: 'public,max-age=64800' } uploadBytes(storageRef, context.image, metadata).then(async (snap) => { // Do something })

Sin embargo, cuando vuelvo a cargar la página, la aplicación vuelve a descargar la imagen de Firebase. He confirmado que la propiedad de metadatos está configurada en cada imagen (ver más abajo). Obviamente, esto no es lo ideal, considerando que si los usuarios cambian de grupo, intentará volver a descargar las imágenes y será muy costoso, muy rápidamente. ¿Por qué se vuelve a descargar cada vez? Aquí está el código para mostrar la imagen.

 <v-img height="200" :src="msg.uri" @load="loaded" @click="launchImg(msg)"/>