在vuex中存储图片是否可行？是否应该这样做？

Question

我正在尝试存储个人资料缩略图以便轻松访问。由于我希望通过消除每次用户重新加载页面时获取图像路径的方法来减少资源消耗。我们可以在vuex中存储图像数据吗？如果可以，我们应该这样做吗？

Answer 1

是的，你可以！

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

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

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