Nginx 是一个高性能的HTTP和反向代理web服务器在开发时经常会使用它来部署项目但是只有一个 nginx.conf文件使用的是Nginx 的默认配置其中所有站点配置都集中在这个文件中。在 Windows 上Nginx 的默认配置文件通常位于C:\Program Files\Nginx\conf\nginx.conf。要为多个前端应用程序部署配置我们可以按照以下步骤操作编辑 nginx.conf 文件打开您的 nginx.conf 文件您可以在其中添加多个server 块为每个前端应用程序设置不同的监听端口和路径。配置 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; } }重启 Nginx保存 nginx.conf 文件的更改并重启 Nginx 以应用新的配置。可以通过命令nginx -s reload来实现。部署前端应用程序将两个前端应用程序打包的静态文件分别放到 Nginx 安装目录下的html\first_app和html\second_app目录下。测试配置访问http://firstapp.local:8080和http://secondapp.local:8081来测试两个应用程序是否正常运行。请注意每个server块监听不同的端口并且具有不同的server_name以确保它们可以独立运行。同时确保 Windows 系统防火墙允许 Nginx 监听的端口上的流量并且 Nginx 的运行用户通常是管理员有权限读取和执行放置在html目录下的应用程序文件。
