NGINX - Servindo um aplicativo create-react-app em uma porta e minha API em outra porta

Question

No meu aplicativo, estou usando create-react-app e servindo o frontend do meu site na porta 5000 usando "serve -s build" em um processo do nó pm2. Eu posso fazer isso funcionar usando essa configuração para o meu nginx.

server {
listen 443 ssl;
server_name random.com www.random.net;
ssl_certificate /etc/letsencrypt/live/random.net/fullchain.pem;
ssl_certificate_key /etc/letsencrypt/live/random.net/privkey.pem;

ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
ssl_prefer_server_ciphers on;
ssl_dhparam /etc/ssl/certs/dhparam.pem;
ssl_ciphers 'ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-AES256-GCM-SHA384:DHE-RSA-AES128-GCM-SHA256:DHE-DSS-AES128-GCM-SHA256:kEDH+AESGCM:ECDHE-RSA-AES128-SHA256:ECDHE-ECDSA-AES128-SHA256:ECDHE-RSA-AES128-SHA:ECDHE-ECDSA-AES128-SHA:ECDHE-RSA-AES256-SHA384:ECDHE-ECDSA-AES256-SHA384:ECDHE-RSA-AES256-SHA:ECDHE-ECDSA-AES256-SHA:DHE-RSA-AES128-SHA256:DHE-RSA-AES128-SHA:DHE-DSS-AES128-SHA256:DHE-RSA-AES256-SHA256:DHE-DSS-AES256-SHA:DHE-RSA-AES256-SHA:AES128-GCM-SHA256:AES256-GCM-SHA384:AES128-SHA256:AES256-SHA256:AES128-SHA:AES256-SHA:AES:CAMELLIA:DES-CBC3-SHA:!aNULL:!eNULL:!EXPORT:!DES:!RC4:!MD5:!PSK:!aECDH:!EDH-DSS-DES-CBC3-SHA:!EDH-RSA-DES-CBC3-SHA:!KRB5-DES-CBC3-SHA';
ssl_session_timeout 1d;
ssl_session_cache shared:SSL:50m;
ssl_stapling on;
ssl_stapling_verify on;
add_header Strict-Transport-Security max-age=15768000;

    location / {
        proxy_set_header   X-Forwarded-For $remote_addr;
        proxy_set_header   Host $http_host;
        proxy_pass         "http://127.0.0.1:5000";
    }

    location ~ /.well-known {
        allow all;
    }
}

server {
    listen 80;
    server_name random.net www.random.net;
    return 301 https://$host$request_uri;
}

No entanto, quando eu adiciono essa parte à minha configuração, ela quebra meu local padrão e o ponto de extremidade da API não funciona. este é outro processo em execução em outra instância pm2 servindo minha API, eu esperaria que essas rotas sob minha API, que é servida através de express para retornar arquivos json.

location /api {
    proxy_pass         "http://127.0.0.1:9000";
}

A configuração final que eu obtenho está abaixo e não funciona.

server {
listen 443 ssl;
server_name random.com www.random.net;
ssl_certificate /etc/letsencrypt/live/random.net/fullchain.pem;
ssl_certificate_key /etc/letsencrypt/live/random.net/privkey.pem;

ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
ssl_prefer_server_ciphers on;
ssl_dhparam /etc/ssl/certs/dhparam.pem;
ssl_ciphers 'ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-AES256-GCM-SHA384:DHE-RSA-AES128-GCM-SHA256:DHE-DSS-AES128-GCM-SHA256:kEDH+AESGCM:ECDHE-RSA-AES128-SHA256:ECDHE-ECDSA-AES128-SHA256:ECDHE-RSA-AES128-SHA:ECDHE-ECDSA-AES128-SHA:ECDHE-RSA-AES256-SHA384:ECDHE-ECDSA-AES256-SHA384:ECDHE-RSA-AES256-SHA:ECDHE-ECDSA-AES256-SHA:DHE-RSA-AES128-SHA256:DHE-RSA-AES128-SHA:DHE-DSS-AES128-SHA256:DHE-RSA-AES256-SHA256:DHE-DSS-AES256-SHA:DHE-RSA-AES256-SHA:AES128-GCM-SHA256:AES256-GCM-SHA384:AES128-SHA256:AES256-SHA256:AES128-SHA:AES256-SHA:AES:CAMELLIA:DES-CBC3-SHA:!aNULL:!eNULL:!EXPORT:!DES:!RC4:!MD5:!PSK:!aECDH:!EDH-DSS-DES-CBC3-SHA:!EDH-RSA-DES-CBC3-SHA:!KRB5-DES-CBC3-SHA';
ssl_session_timeout 1d;
ssl_session_cache shared:SSL:50m;
ssl_stapling on;
ssl_stapling_verify on;
add_header Strict-Transport-Security max-age=15768000;



location / {
        proxy_set_header   X-Forwarded-For $remote_addr;
        proxy_set_header   Host $http_host;
        proxy_pass         "http://127.0.0.1:5000";
    }
    location /api {
        proxy_pass         "http://127.0.0.1:9000";
    }

    location ~ /.well-known {
        allow all;
    }
}
server {
    listen 80;
    server_name random.net www.random.net;
    return 301 https://$host$request_uri;
}

Seria ótimo se alguém pudesse me dizer o que estou fazendo errado e como eu poderia consertá-lo. obrigado! :))

    

Answer 1

De comentários

Existe um problema com a cotação no proxy_pass. Deveria se parecer com:

location / {
    proxy_set_header   X-Forwarded-For $remote_addr;
    proxy_set_header   Host $http_host;
    proxy_pass         http://127.0.0.1:5000;
}

location /api {
    proxy_pass         http://127.0.0.1:9000;
}