javascript - 在前端存储用户认证信息

Question

我对网络开发比较陌生，我不知道如何在应用程序前端安全地存储用户信息。我的问题实际上是使用客户端 JavaScript 从服务器响应中提取数据的问题。

我所知道的就是通过 EJS 等模板检索用户数据，如下所示:

<a id="user_id" value="<%=user._id%>" ></a>

但是一定有比这更好的方法吗？而且我感觉将用户信息放入 DOM 中是个坏主意，为什么不放入 WebDB 或 IndexedDB 中呢？

我应该这样做吗？:

sessionStorage.setItem('user_id', '<%=user._id%>');

问题是这实际上并没有检索数据:

所以也许我应该问一个问题 - 如何从 html 头部的服务器响应中获取数据？

Answer 1

通常，成功登录后，会使用唯一标识该用户发出的请求的 UID 设置 cookie。某些后端会自动执行此操作(仅 Google jsessionid)，并将该 id 映射到您为该客户端保存的一组变量(通常称为 session 范围变量)。

需要将其添加到每个表单中将是一个非常低效的过程。请改用 cookie。