vue.js - 我们可以在 vuex 中存储图像吗？我们应该这样做吗？

Question

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

Answer 1

是的，你可以!

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

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

然后您可以通过 id 搜索您保存图像的 imageUrl[] 状态并再次检索 URL。