Est-il possible de stocker des images dans vuex ? Faut-il le faire ?

Question

J'essaie de stocker les miniatures de profil pour un accès facile. Puisque je cherche à réduire la consommation de ressources en éliminant le besoin d'obtenir le chemin de l'image à chaque fois que l'utilisateur recharge la page. Pouvons-nous stocker des données d’image dans vuex ? Si oui, devrions-nous le faire ?

Answer 1

Oui, vous pouvez !

Une fois l'image répondue, transmettez-la à URL.createObjectURL() (Document). Cela mettra l'image en cache dans le navigateur et fournira une URL d'image locale que vous pourrez réutiliser :

const imageUrl: string = URL.createObjectURL(response.data);
if (imageUrl) {
     // 使用以下对象更新您的存储：
     { id: imageId, url: imageUrl };
}

Vous pouvez ensuite effectuer une recherche dans le statut id 在保存了这个URL的 imageUrl[] et récupérer à nouveau l'URL.