我已经在远程服务器( digital ocean )上部署了一个React应用程序,并且我希望能够从React应用程序客户端访问服务器的本地主机。
我尝试使用 Nginx 设置反向代理,但是我得到了一个糟糕的 404。
站点已部署,https://www.jonasgroenbek.com 。当你选择石头、剪刀或布,然后选择与人工智能战斗的按钮时,问题就会出现在游戏部分。
这是我在 Nginx 中启用的站点
server {
root /var/www/jonasgroenbek.com/build;
index index.html;
server_name jonasgroenbek.com www.jonasgroenbek.com;
location / {
try_files $uri $uri/ =404;
}
listen [::]:443 ssl ipv6only=on; # managed by Certbot
listen 443 ssl; # managed by Certbot
ssl_certificate /etc/letsencrypt/live/jonasgroenbek.com/fullchain.pem; # managed b$
ssl_certificate_key /etc/letsencrypt/live/jonasgroenbek.com/privkey.pem; # managed$
include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot
location /game {
rewrite /game/(.*) /$1 break;
proxy_pass http://localhost:1234;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
}
}
server {
if ($host = www.jonasgroenbek.com) {
return 301 https://$host$request_uri;
} # managed by Certbot
if ($host = jonasgroenbek.com) {
return 301 https://$host$request_uri;
} # managed by Certbot
listen 80 default_server;
listen [::]:80 default_server;
server_name jonasgroenbek.com www.jonasgroenbek.com;
return 404; # managed by Certbot
}
这是 Node.js Express 服务正在监听的端口和路径:
app.listen(PORT, function(){
console.log(`listening on port:${PORT}...`)
})
app.get("/game/play/:choice", function(req,res){
pythonProcess = spawn('python',["./script.py", req.params.choice]);
pythonProcess.stdout.on('data', function(data) {
res.status(200).send(data.toString('utf-8'))})
})
这是我从 react 应用程序获取的方式
fetch(`104.248.28.88/game/play/rock`)
这个问题需要检测吗,因为我正在慢慢失去理智。
<小时/>编辑
我都试过了
fetch("104.248.28.88/game/play/rock")
这会产生以下错误消息:Game.js:46 GET https://jonasgroenbek.com/jonasgroenbek.com/game/play/rock 404(未找到)
和
fetch("jonasgroenbek.com/play/rock")
这会产生以下错误消息:
Game.js:46 GET https://jonasgroenbek.com/jonasgroenbek.com/game/play/rock 404(未找到)
尝试通过 postman 访问它
jonasgroenbek.com/game/play/rock
给出以下错误消息:
<html>
<head>
<title>404 Not Found</title>
</head>
<body bgcolor="white">
<center>
<h1>404 Not Found</h1>
</center>
<hr>
<center>nginx/1.14.0 (Ubuntu)</center>
</body>
</html>
最佳答案
问题是您使用的是 IP 地址,而不是您在 server_name
指令中设置的域。因此,它将使用默认的 Nginx
配置,而不是使用该站点配置。
尝试:
fetch('https://jonasgroenbek.com/game/play/rock')
您还可以删除:
rewrite /game/(.*) /$1 break;
关于node.js - Nginx 反向代理配置 - 404 未找到,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55079475/