哪些参数最好存储在localStorage中？

Question

我正在使用Vue.js和Vuex存储开发社交应用程序，以保持应用程序的相关变量不变。

现在我想知道是否有最佳做法，哪些参数最好保留在浏览器的localStorage中？

当前我将token保留在localStorage中，但想知道是否也应该将username和其他相关用户数据保留在localStorage中，以防止它们在页面刷新时被破坏？

Answer 1

这里没有正确答案；只是一些想法：

除非您有充分的理由，否则我不会将用户名存储在本地存储中。董先生有什么好处？如果用户从其他浏览器登录到自己的帐户并更改了用户名，则会使其他浏览器本地存储中存储的用户名无效。大多数用户期望重新加载页面应该完全刷新所有数据。如果人们重新加载页面并且用户名未更新，他们会认为您的网站已损坏。存储在本地存储中的东西越少，您就越不用担心数据过时。

至少，您应该肯定将身份验证令牌存储在本地存储中。由此，您可以在页面加载时向服务器发出请求，以获取包括用户本身在内的所有其他数据。

Answer 2

我认为您根本不需要在本地存储中存储任何内容。如果您具有某些身份验证设置，则可以仅将令牌存储在会话cookie中，并从服务器检索所有需要的数据。

尝试将客户端上已保存的数据减到最少是一个好主意。只需将令牌保留在cookie中，在首次加载页面时从服务器检索用户名（依此类推）。检索到的数据可以存储在一些javascript vars中。这些值仅在页面重新加载时清除，然后您必须从服务器检索一次。

只有一个页面应用程序时，重新加载应该不经常发生或根本不发生。