Wildfly 用於后端，NGINX 用於前端

Question

我正在嘗試部署在 ReactJS 前端和 Spring 后端構建的整個應用程序。 提供 API 的后端已經使用 WildFly 部署在服務器中。

我的問題是我可以在同一台服務器上安裝 NGINX 來托管 ReactJS 前端嗎？

Answer 1

是的，您可以在同一台服務器上安裝 NGINX 和 WildFly。

在這種情況下，通常 NGINX 被配置為“反向代理”。 例如，當您的 WildFly 正在偵聽端口 8080 時，您可以進行如下 NGINX 配置：

server {
    listen 80;
    server_name _;
    index index.html;

    location / {
        root /path/to/var/www/yourSite;
    }

    location /YourAPIRoot/ {
        proxy_pass http://localhost:8080/YourAPIRoot/;
    }
}

也可以看看

• Nginx 提供靜態文件和反向代理 gunicorn 服務器 - serverfault

• 第 2.2 部分 - 安裝 Nginx 並將其配置為反向代理服務器 - Microsoft Docs

• 模塊 ngx_http_proxy_module - nginx.org