时间戳

首页 > 解决方案 > 如何停止在浏览器的开发者工具中暴露 react 的源代码？

reactjs - 如何停止在浏览器的开发者工具中暴露 react 的源代码？

问题描述

我正在用 ASP.NET Core 和 React 开发项目。在测试中，我遇到了一个大的安全问题。react 的源文件在谷歌开发者工具中暴露。我试图删除 webpack 源映射，但那东西对我不起作用，原因是他们没有提到我们需要在哪个 webpack 文件夹中进行更改，因为有 6 个文件夹包含 webpack。我是这个堆栈的新手，不知道如何处理这个缺陷。我该如何解决这个问题？

谷歌开发者工具截图

标签： reactjsasp.net-coregoogle-developer-tools

解决方案

它非常容易并且可以隐藏在开发人员工具中暴露给最终用户的完整源代码。您需要package.json从ClientApp文件夹更新文件。

更新前

    "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",    //UPDATE THIS LINE
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
    }

您需要使用以下代码而不是上面的代码：

更新后

    "scripts": {
    "start": "react-scripts start",
    "build": "rimraf ./build && react-scripts build && rimraf ./build/**/*.map",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
    }

上面的代码对我有用。这个线程帮助我实现了我的目标。有关更多详细信息，您也可以检查。

推荐阅读