node.js - 找不到 NodeJS App Express 路由的 Nginx 404
问题描述
我正在尝试在同一个 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 调用都不起作用。
解决方案
您需要 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
}
}
在您的反应项目中,在您的 axios 中使用后端域 api.example.com 或获取 api 请求...您可以配置 ssl 证书...我没有这样做是为了使答案最小化和清晰...
我还建议您在后端使用像 PM2 这样的流程管理器并做出反应
推荐阅读
- javascript - 如何在 сanvas js 上绘制由单独线条组成的封闭区域?
- graphql - 如何在 Shopify GraphQL 中使“第一个”属性动态化?
- c# - MVC 中包含数据库项目的下拉列表
- vb.net - Form及其ControlBox的鼠标离开事件
- python-3.x - python opengl绘制金字塔3D
- vue.js - 如何阻止 vuetify v-bottom-sheet 或(v-dialog)阻止与主要内容的交互
- c# - html 表使用 razor view mvc 渲染缓慢
- django - Django Admin - 如何显示 ManyToManyField 值
- linux - 使用 bash 别名修改受保护的文件
- python - 最小化目标函数返回与输出相同的初始输入