我们可以在vuex中存储图像吗?我们应该这么做吗?

Question

我正在尝试存储配置文件缩略图以便于访问。因为我想通过消除每次用户重新加载页面时获取图像路径的方法来最小化资源消耗。我们可以在vuex中存储图像数据吗?如果是这样，我们应该这样做吗?

Answer 1

你可以!

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

const imageUrl: string = URL.createObjectURL(response.data);
if (imageUrl) {
// Update your store with an object like this:
{ id: imageId, url: imageUrl };
}

然后你可以搜索你的imageUrl[]状态，你保存这个，通过id和检索URL再次。