如何在react js前端存储敏感数据？

Question

我想澄清这个问题。我是 React js 的新手。但我需要在前端存储一些敏感数据。就像数据库名称、数据库密码和数据库用户名一样。我也使用过 universal-cookie 和 local storage。但似乎不安全。因为任何人只要检查页面并打开 cookie 选项卡就可以编辑该数据。我只是想知道是否有办法使这些 cookie 不可编辑 或者向我建议是否有 更好的方法 将此数据保留在前端？

提前致谢

Answer 1

通常情况下，敏感数据不会保存在前端。最好的方法是使用 HTTP 请求从服务器获取此数据。或者，您可以使用本地存储、cookie、会话存储等。另一个选择是设置环境变量。此外，您可以使用第三方存储解决方案，因为有许多免费且值得信赖的资源可用。

Answer 2

理想情况下你不想这样做，你应该总是从你的BE>加密发送它，但如果你必须，你可以在你的react项目的根目录创建一个 .env.local 文件并将所有变量放在那里。变量名称应以 REACT_APP 开头。该文件中的值周围不应有空格/引号

REACT_APP_DB_PASS=your_pass
REACT_APP_DB_ID=your_id

然后你可以像这样从 process.env 对象访问它们

process.env.REACT_APP_DB_PASS