Nginx 404 未找到 NodeJS App Express 路由

Question

我正在尝试在同一个 VPS 上运行 React 应用程序和 Node JS 应用程序，但是对 Express 应用程序 (NodeJS) 的所有 api 调用都给我找不到错误 404。

我正在使用 nginx，这是我的配置文件：

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

    # SSL configuration
    #
    # listen 443 ssl default_server;
    # listen [::]:443 ssl default_server;
    #
    # Note: You should disable gzip for SSL traffic.
    # See: https://bugs.debian.org/773332
    #
    # Read up on ssl_ciphers to ensure a secure configuration.
    # See: https://bugs.debian.org/765782
    #
    # Self signed certs generated by the ssl-cert package
    # Don't use them in a production server!
    #
    # include snippets/snakeoil.conf;

    root /var/www/html;

    # Add index.php to the list if you are using PHP
    index index.html index.htm index.nginx-debian.html;

    server_name _;

    location / {
        # First attempt to serve request as file, then
        # as directory, then fall back to displaying a 404.
        # try_files $uri $uri/ =404;
    }

    # pass PHP scripts to FastCGI server
    #
    #location ~ \.php$ {
    #   include snippets/fastcgi-php.conf;
    #
    #   # With php-fpm (or other unix sockets):
    #   fastcgi_pass unix:/var/run/php/php7.4-fpm.sock;
    #   # With php-cgi (or other tcp sockets):
    #   fastcgi_pass 127.0.0.1:9000;
    #}

    # deny access to .htaccess files, if Apache's document root
    # concurs with nginx's one
    #
    #location ~ /\.ht {
    #   deny all;
    #}
}


# Virtual Host configuration for example.com
#
# You can move that to a different file under sites-available/ and symlink that
# to sites-enabled/ to enable it.
#
#server {
#   listen 80;
#   listen [::]:80;
#
#   server_name example.com;
#
#   root /var/www/example.com;
#   index index.html;
#
#   location / {
#       try_files $uri $uri/ =404;
#   }
#}

map $http_upgrade $connection_upgrade {
    default         upgrade;
    ''              close;
}
server {
     
       server_name domain_name.org www.domain_name.org;
       
       location / {
        # Backend nodejs server
        proxy_pass         http://127.0.0.1:3000;
        proxy_http_version  1.1;
        proxy_set_header    Upgrade     $http_upgrade;
        proxy_set_header    Connection  $connection_upgrade;
    }

       location /user {
        # Backend nodejs server
        proxy_pass         http://127.0.0.1:5000;
        proxy_http_version  1.1;
        proxy_set_header    Upgrade     $http_upgrade;
        proxy_set_header    Connection  $connection_upgrade;
    }
       location /questions {
        # Backend nodejs server
        proxy_pass         http://127.0.0.1:5000;
        proxy_http_version  1.1;
        proxy_set_header    Upgrade     $http_upgrade;
        proxy_set_header    Connection  $connection_upgrade;
    }

    listen 443 ssl; # managed by Certbot
    ssl_certificate /etc/letsencrypt/live/domain_name.org/fullchain.pem; # managed by Certbot
    ssl_certificate_key /etc/letsencrypt/live/domain_name.org/privkey.pem; # managed by Certbot
    include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
    ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot


}

server {
    if ($host = www.domain_name.org) {
        return 301 https://$host$request_uri;
    } # managed by Certbot


    if ($host = domain_name.org) {
        return 301 https://$host$request_uri;
    } # managed by Certbot


     
       server_name domain_name.org www.domain_name.org;
    listen 80;
    return 404; # managed by Certbot
}

我一生都无法弄清楚我在哪里犯了错误。

还应该注意的是，该程序在我的本地机器上运行良好，所以我不认为这是一个代码或逻辑错误，但如果这是一个错误的假设，请纠正我。

/ 重定向也可以正常工作，因此我可以加载主域页面，只是后端/API 调用都不起作用。

Answer 1

您需要 2 个反向代理服务器，1 个用于 NodeJs 后端，另一个用于 React 应用程序。

// backend server
server {
   listen 80;
   server_name api.example.com;
   location / {
      proxy_pass http://localhost:4000;  # replace port with your backend port
   }
}

// react server
server {
   listen 80 default_server;
   server_name example.com;
   location / {
      proxy_pass http://localhost:4000;  # replace port with your react port
   }
}

In your react project use the backend domain api.example.com in your axios or fetch api request... You can configure the ssl certificate... I didn't do that to make the answer minimal and clear...

我还建议您在后端使用像 PM2 这样的流程管理器并做出反应