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

2024-04-22

我正在 ASP.NET Core 和 React 中开发项目。在测试中,我遇到了一个很大的安全问题。 React 的源文件在谷歌开发者工具中公开。我努力了删除 webpack 源映射 https://github.com/facebook/create-react-app/issues/2787但这件事对我不起作用,原因是他们没有提到我们需要在哪个 webpack 文件夹中进行更改,因为有 6 个文件夹包含 webpack。我是这个堆栈的新手,不知道如何处理这个缺陷。我该如何解决这个问题?


它非常容易,并且可以隐藏在开发人员工具中向最终用户公开的完整源代码。你需要更新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"
    }

上面的代码对我有用。这thread https://github.com/facebook/create-react-app/issues/2787帮助我实现了我的目标。有关更多详细信息,您也可以检查一下。

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

如何停止在浏览器的开发者工具中暴露react源代码? 的相关文章

随机推荐