nginx ssl + react + node，响应超时

Question

我做了一个 React 应用程序，它可以很好地用于 http 协议。现在我想为这个网站启用 https。我的节点正在侦听端口 5000 并在端口 3000 上做出反应。但是我无法将命令发送到节点正在侦听的端口 5000，并且出现超时错误。这是我在 sites-enabled 文件夹中的 nginx 默认配置文件。

# Default server configuration
server {
    listen 80 default_server;
    listen [::]:80 default_server;
    
    # SSL configuration
    listen 443 ssl ;
    listen [::]:443 ssl ;

    root /var/www/html/client/public;
    index index.html index.htm index.nginx-debian.html;
    server_name www.my_domain.co my_domain.co; # managed by Certbot

    location / {
        if ($request_method = 'OPTIONS') {
            add_header 'Access-Control-Allow-Origin' '*';
            add_header 'Access-Control-Allow-Credentials' 'true';
            add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
            add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
            add_header 'Access-Control-Max-Age' 1728000;
            add_header 'Content-Type' 'text/plain charset=UTF-8';
            add_header 'Content-Length' 0;
            return 204;
        }
        if ($request_method = 'POST') {
            add_header 'Access-Control-Allow-Origin' '*';
            add_header 'Access-Control-Allow-Credentials' 'true';
            add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
            add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
        }
        if ($request_method = 'GET') {
            add_header 'Access-Control-Allow-Origin' '*';
            add_header 'Access-Control-Allow-Credentials' 'true';
            add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
            add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';
        }       
        proxy_pass http://localhost:3000;
    }
    
    location /uploads {
        proxy_pass http://localhost:5000;
    }
    location /api {
        proxy_pass http://localhost:5000;
    }
    
    ssl_certificate /etc/letsencrypt/live/my_domain.co/fullchain.pem; # managed by Certbot
    ssl_certificate_key /etc/letsencrypt/live/my_domain.co/privkey.pem; # managed by Certbot
}

有什么问题？我很困惑。

Answer 1

对于那些遇到类似问题的人。我发现我无法通过 https 向某个特定端口（我的端口 5000）发送请求，而是使用 nginx proxy-pass 发送为 /api 发出的请求以传递给 localhost:5000现在我开始工作了。

nginx ssl + react + node，响应超时

nginx ssl + react + node, response is timeout

ssl

reactjs

nginx-config