Nginx部署多个端口

Nginx 是一个高性能的HTTP和反向代理web服务器，在开发时经常会使用它来部署项目，但是只有一个 nginx.conf文件，使用的是Nginx 的默认配置，其中所有站点配置都集中在这个文件中。在 Windows 上，Nginx 的默认配置文件通常位于 C:\Program Files\Nginx\conf\nginx.conf。要为多个前端应用程序部署配置，我们可以按照以下步骤操作：

1. 编辑 nginx.conf 文件：

   • 打开您的 nginx.conf 文件，您可以在其中添加多个server 块，为每个前端应用程序设置不同的监听端口和路径。

2. 配置 server 块：

   • 在nginx.conf中，为每个应用程序添加一个server块。例如：

     server {
         listen 8080;
         server_name firstapp.local;
     ​
         root html/first_app;
         index index.html index.htm;
     ​
         location / {
             try_files $uri$uri/ =404;
         }
     }
     ​
     server {
         listen 8081;
         server_name secondapp.local;
     ​
         root html/second_app;
         index index.html index.htm;
     ​
         location / {
             try_files $uri$uri/ =404;
         }
     }

3. 重启 Nginx：

   • 保存 nginx.conf 文件的更改，并重启 Nginx 以应用新的配置。可以通过命令 nginx -s reload 来实现。

4. 部署前端应用程序：

   • 将两个前端应用程序打包的静态文件分别放到 Nginx 安装目录下的 html\first_app 和 html\second_app 目录下。

5. 测试配置：

   • 访问 http://firstapp.local:8080 和 http://secondapp.local:8081 来测试两个应用程序是否正常运行。

请注意，每个 server 块监听不同的端口，并且具有不同的 server_name，以确保它们可以独立运行。同时，确保 Windows 系统防火墙允许 Nginx 监听的端口上的流量，并且 Nginx 的运行用户（通常是管理员）有权限读取和执行放置在 html 目录下的应用程序文件。