使用Express服务的React应用程序在浏览器源代码中显示源代码

时间:2019-02-18 06:57:31

标签: node.js reactjs express build server

我使用 create-react-app 创建了一个react项目,目前我正在使用 Express服务器提供优化的构建。下面的代码是我在server.js文件中拥有的代码

const path = require('path');
const express = require('express');
const app = express();

app.use(express.static('client/build'));

app.get('*', (req, res) => {
  res.sendFile(path.resolve(__dirname, 'client', 'build', 'index.html'));
});

app.listen(8080, () => {
  console.log('Server running on port 8080');
});

我的文件夹结构如下。

  
      
  • 客户      
        
    • 构建
    •   
    • node_modules
    •   
    • src
    •   
    • package.json
    •   
  •   
  • server.js
  •   
  • package.json
  •   
  • node_modules
  •   

下图是从Google Chrome浏览器的“来源”标签中可以看到的图像。如您所见,我的整个源代码都是可见的。

Google Sources

我的问题是如何隐藏使用express提供服务的React生产版本的源代码?

我使用的快速版本是4.16.4

0 个答案:

没有答案