首页 > 解决方案 > create-react-app 文件在客户端是否可见?

问题描述

我目前正在试验反应和表达,我想知道反应文件是否被隐藏,我现在想做的是加密 api 响应服务器端然后在前端解密它,但是让每个人都可以看到密钥使整个没用的东西

标签: expressaxioscreate-react-app

解决方案


当您部署 React 应用程序时,您的整个源代码对开发工具的源选项卡中的每个人都是可见的。

这不是问题,create-react-app而是添加了所有源代码,因为源映射有助于轻松识别将来在实时站点上发生的错误的来源。

有一种简单的方法可以修复它:

在项目文件夹中创建一个名为.env的文件,其中包含以下代码:

GENERATE_SOURCEMAP=false

或将其添加到package.json文件中:

scripts: {
  "build": "GENERATE_SOURCEMAP=false react-scripts build"
}

现在,当您/yarn 从终端运行命令时,它将生成一个 包含缩小文件的文件夹,没有可以部署到生产环境的源映射。

希望我的回答对您有所帮助!


推荐阅读