Ist es möglich, Bilder in Vuex zu speichern? Sollte dies geschehen?

Question

Ich versuche, Miniaturansichten des Profils zu speichern, um den Zugriff zu erleichtern. Da ich den Ressourcenverbrauch reduzieren möchte, indem ich den Bildpfad nicht jedes Mal abrufen muss, wenn der Benutzer die Seite neu lädt. Können wir Bilddaten in Vuex speichern? Wenn ja, sollten wir es tun?

Answer 1

是的，你可以！

在图像响应后，将图像传递给 URL.createObjectURL() (文档)。这将在浏览器中缓存图像，并提供一个本地图像URL，您可以重新使用：

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

然后，您可以通过 id 在保存了这个URL的 imageUrl[] 状态中搜索，并再次检索URL。