ReactJs - 隐藏状态和道具

Question

我目前正在做一个项目，刚刚开始使用 ReactJs。（所以还是菜鸟）

我在问自己：使用 React 开发工具的用户可以看到你所有的 props 和 state。我怎样才能防止用户看到例如 ID 和更多“私人”的东西？

提前致谢

Answer 1

这实际上不是一个 ReactJS 问题，而是一个 Web 浏览器/互联网架构问题。不幸的是，客户端中的数据将始终可用以进行拦截，那是因为他们需要在其末端使用数据才能与应用程序进行交互。您必须依赖用户的浏览器扩展和内部安全措施。

尽管如此，您可以使您的数据更难理解。这不会阻止有经验的“黑客”阅读它，但可能会阻止一些恶意用户弄乱您的应用程序。

• 缩小代码并隐藏源映射，使生产环境中的调试更加困难。
• 使用 base64 或某些自定义加密技术加密您的数据，使其更难被阅读。
• 如果您的代码必须在不受保护的环境（例如公共 WiFi）中运行并且这是一个安全问题，请在您的 API 中实施某种端到端加密。

而且，最重要的是：只向客户端发送他们实际需要的数据，可以安全传输的数据。