不确定如何使用ExpressJS在生产服务器上启动和部署ReactJS App
马特
在本地，我在端口3001上使用ExpressJS，然后启动我的React应用，npm start该应用在端口3000上运行开发服务器。这使我可以将请求作为代理从3000路由到3001。
为了进行生产，我在DigitalOcean Droplet上的16.04上安装了Ubuntu NodeJS 6.12.13，然后安装了Nginx和PM2。
在我的Nginxdefault文件中，设置了以下内容：
location / {
proxy_pass http://localhost:3001;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
}
我已经完成了Express和React设置，并将Express服务器添加到PM2启动中。Nginx用作反向代理服务器，以在端口3001上使用Express。这是PM2启动（www是运行Express的服务器文件的名称）。
加载域时，我会收到Express默认页面：
现在我不确定如何启动react应用程序，因为使用它启动npm start并为生产服务器保持终端打开似乎不合逻辑。访问域而不是Express消息时，我需要查看我的React应用。
我找到了提及使用的文章，npm run build但没有解释如何运行React应用。抱歉，我对此并不陌生，但是任何帮助将不胜感激。谢谢。
devserkan
您不会运行React应用程序，因为没有这样的事情：)构建应用程序后，所有文件都捆绑在一个Javascript文件中。您正在start开发中将React应用用于开发目的。
完成后：
npm run build
您build的应用程序目录中将有一个目录。只需将所有文件和目录从该build目录复制到Nginx默认目录所指向的服务器即可。
如果您不想在浏览器的开发人员工具中打开常规应用程序代码，请删除build/static/js/some_file.js.map和，build/static/css/some_file.css.map然后再将文件上传到服务器。这些是用于调试目的的源映射文件。如果包含它们，则在开发人员工具中，每个人都可以直接看到您的文件。您的代码实际上已经向所有人开放，但是捆绑，丑化和缩小了。如果包含源地图文件，则将按原样打开它们。
这是您运行静态应用程序的方式。没有后端，意味着此处没有Express，仅使用Web服务器。
但是，由于您的问题涉及Express，因此我假设您正在使用后端服务器。因此，一种方法是使用开发中使用的所有后端和前端代码再次将所有项目复制到服务器。构建您的React应用。但是这次，您将只运行Express，而不是同时启动Express服务器和React开发服务器。Express将是为您的前端服务的平台。您应该已经在开发中配置了此功能并进行了一些生产测试。
因此，如果您不使用后端服务器，则除了单个Web服务器之外，就不需要Express或其他任何东西。如果您使用后端服务器，那么您需要诸如Express之类的服务来同时满足您的后端请求（例如对API的请求）和您的React应用程序。另外，您将需要像PM2这样的东西来运行Express，或者需要Express来为不同的应用程序使用代理。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
编辑于
相关文章
TOP 榜单
- 1
隐藏发件人没有短信PHP
- 2
材质UI垂直滑块。如何改变在垂直材料UI滑块导轨的厚度（反应）
- 3
在Windows 7中无法删除文件（2）
- 4
HttpClient中的角度变化检测
- 5
Azure VM启动/停止日志
- 6
如何在 Vb.net 中使用函数返回多个值
- 7
Powerpoint-条形长度错误的堆积条形图
- 8
最新歌剧断断续续的快速拨号和渲染错误
- 9
Mac OS X更新后的GRUB 2问题
- 10
需要公式以vlookup逗号分隔单个单元格中的值
- 11
Hashchange事件侦听器在将事件处理程序附加到事件之前进行侦听
- 12
ggplot：对齐多个分面图-所有大小不同的分面
- 13
OS X-为什么我需要打开WiFi才能确定最近的位置
- 14
用日期数据透视表和日期顺序查询
- 15
Java Eclipse中的错误13，如何解决？
- 16
如何在Django中使用UUID
- 17
加载Microsoft Visual菜单时出现问题
- 18
具有if条件的SQL UPDATE
- 19
从JSON到JSONL的Python转换
- 20
如何在Kod中更改字体？
- 21
共享图像将路径放入地址
我来说两句