我如何从 React Dev Tool（在生产环境中）保护我的组件状态详细信息？

Question

我注意到即使在构建我的 React 项目之后（使用 npm 运行 构建）。任何使用 React Developer Tools 的人都可以看到我的组件状态中的所有细节，并可以临时更改其中的一些细节。虽然更改只能在用户的浏览器上进行更改，但我不希望其中的许多信息显示在那里。 敏感数据可能会返回到我的任何后端数组 JSON... 请问我如何阻止它？

Answer 1

不应向客户端（浏览器）传递您认为最终用户不应访问的敏感数据。即使您禁用了开发工具，最终用户也可以轻松访问您的反应状态或整个 javascript 内存。无论如何，您可以使用这种方法禁用开发工具。

将此添加到页面顶部。

if (typeof window.__REACT_DEVTOOLS_GLOBAL_HOOK__ === 'object') {
   __REACT_DEVTOOLS_GLOBAL_HOOK__.inject = function() {};
}