前言
在前端开发中，我们常常会遇到需要将前端应用部署到服务器上的情况，并且需要通过 Nginx 进行反向代理进行访问。本文将介绍如何使用 PM2 和 Nginx 进行反向代理，以便实现更加高效的前端应用部署。
PM2 简介
PM2 是一个带有负载均衡功能的 Node.js 应用程序的进程管理器，它会在后台运行以保证 Node.js 应用程序的稳定运行。PM2 能够让我们轻松地管理多个 Node.js 进程，以及使得 Node.js 应用在服务器上真正地稳定运行。
Nginx 简介
Nginx 是一款高性能的 HTTP 和反向代理服务器，是一个非常流行的 web 服务器。使用 Nginx 反向代理可以将请求转发到不同的服务器，从而实现负载均衡和高可用性。
PM2 自带了简单的 CLI 工具来设置 Nginx 反向代理，下面将介绍具体的设置过程。
Step 1：安装 Nginx
在安装 PM2 前，需要先安装 Nginx。在 Ubuntu 系统上，可以使用下面的命令进行安装：
sudo apt-get install nginx
Step 2：创建 PM2 进程
使用 PM2 的命令行工具创建应用程序：
pm2 start app.js -n my-app
Step 3：使用 process.json 文件
我们可以在项目的根目录中创建名为 process.json 的文件，用于对 PM2 进行配置：
-- -------------------- ---- -------
-
------- ---------
--------- ---------
------------ --
------------ ----------
-------- -----
------ -
----------- --------------
------- ----
-
-在这个文件中，我们指定了应用程序的名称、运行的脚本、运行实例的数量以及环境变量等信息。更多关于 process.json 文件的信息可以参考 PM2 的官方文档。
Step 4：配置 Nginx
在 Nginx 的配置文件中，添加如下代码：
location / {
proxy_pass http://localhost:3000;
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;
}其中，proxy_pass 参数指定了要反向代理到的地址。在这里，我们指定了 localhost 上的 3000 端口。如果需要在生产环境中使用 HTTPS，则需要指定 https://localhost:3000。
Step 5：重新加载 Nginx 配置文件
在执行完上述步骤后，需要重新加载 Nginx 的配置文件，以使新的配置生效。可以使用下面的命令重新加载 Nginx：
sudo service nginx reload
Step 6：访问应用程序
现在，我们可以使用浏览器访问应用程序，例如 http://localhost:80。在这里，我们使用了默认的 80 端口。如果需要使用 HTTPS，则应该访问 https://localhost。
总结
本文介绍了如何使用 PM2 和 Nginx 进行反向代理的设置，为前端应用程序的部署提供了便利。在实际的开发过程中，应该根据自己的需求和具体情况进行配置，以达到最佳的运行效果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f61eeef6b2d6eab3ec6e1d