Reactjs:如何在生产应用程序的开发工具中隐藏节点模块和webconfig?

2023-12-27

我创建了一个正在运行的 React.js 应用程序npx create-react-app my-app我不希望在生产模式下在开发工具中提供完整的项目。

如何在源选项卡(devtools)中禁用或隐藏节点模块和 webconfig?

我检查了其他部署的反应应用程序,它不显示静态文件夹或整个项目;我怎样才能实现同样的目标?

下面是我的浏览器“源”选项卡控制台的屏幕截图,显示了我想向公众隐藏的一些目录;


由于源映射文件,您可以在开发工具中看到完整的代码。这是在开发中调试代码的好方法,甚至对于某些处于生产模式的人来说也是如此。

如果没有源地图,当发生错误时,您无法轻松地在捆绑文件中找到该错误的来源。如果您不想在生产中看到这样的代码,您只需在构建后删除这些文件即可。删除 static/css 和 static/js 文件夹中的 .map 文件。因此,通过此您可以隐藏未捆绑的源代码。但是,捆绑的 .js 和 .css 文件将始终存在。由于这是前端,因此无法隐藏它们。

正如评论中所说,如果您担心的确实是安全问题,那么您不能在前端执行此操作。你的代码总是会被看到,至少是缩小和丑化的,但总会有的。因此,请在后端做好安全工作。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Reactjs:如何在生产应用程序的开发工具中隐藏节点模块和webconfig? 的相关文章

随机推荐