未找到NodeJS App Express Routes的Nginx 404

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
}

我一辈子都搞不清楚我在哪里犯了错。

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

此外，/redirect运行良好，因此我可以加载主域页面，只是后台/API调用都不起作用。

Answer 1

您需要两个反向代理服务器，一个用于NodeJ的后端，另一个用于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
}
}

在您的react项目中，在您的axios中使用后端域api.example.com或获取api请求。。。您可以配置ssl证书。。。我这么做并不是为了让答案变得简单明了。。。

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