javascript - localStorage 不适用于用户帐户

Question

我正在构建一个应用程序，如果用户希望将项目添加到个人监视列表，他们必须登录。我使用 localStorage 来存储此个人监视列表数据并检索它。我遇到的问题是，如果帐户“A”将一个项目添加到他们的监视列表，然后注销，然后帐户“B”登录，则先前存储的数据将从帐户“A”返回。

如何防止这种情况发生，以便仅为每个特定用户帐户保存/返回数据？我应该使用像 sessionStorage 这样的东西而不是 localStorage 吗？感谢您的帮助。

Answer 1

我通过在本地存储 key 中包含用户标识符来亲自解决了这个问题。您将为每个用户创建一个条目，并根据标识符进行查找。像这样的东西:

localStorage.setItem(`watchlist:${user.id}`, data) // set

const watchlist = localStorage.getItem(`watchlist:${user.id}`) // get

正如@AlexB 在评论中指出的那样，请注意同一设备上的多个用户将在其 localStorage 中拥有任何其他用户的本地数据，因此请务必考虑隐私。