NGINX 不会将呼叫从反应应用程序路由到后端应用程序

Question

我有一个 AWS Ubuntu 服务器，它托管一个运行在 127.0.0.1:4100 的反应前端，并使用端口 127.0.0.1:1323 对 Go 应用程序进行 api 调用。我在/etc/nginx/sites-available/default 配置文件中为这两个端口安装了 Nginx 并设置了代理通行证，但我只让 Nginx 调用了前端。使用 chrome inspect 来检查为什么 Go 应用程序没有提供 react 应用程序的某些功能，我看到了这个错误

client.js:772 GET http://127.0.0.1:1323/api/ net::ERR_CONNECTION_REFUSED ERROR 错误：请求已终止 可能原因：网络离线、Access-Control-Allow-Origin 不允许 Origin、正在卸载页面等。

我做错了什么？下面是我的默认配置文件

server { 

listen 80 default_server; 
listen [::]:80 default_server; 

server_name _; 

location / { 

proxy_pass http://127.0.0.1:4100; 

} 

location /api { 

proxy_pass http://127.0.0.1:1323/; 

 } 
}

Answer 1

你的服务器正在监听 80 端口：

listen 80 default_server; 
listen [::]:80 default_server; 

因此，您应该向该端口提出请求：

GET http://127.0.0.1/api/     => http://127.0.0.1:1323/
GET http://127.0.0.1:80/api/  => http://127.0.0.1:1323/
GET http://127.0.0.1/         => http://127.0.0.1:4100/
GET http://127.0.0.1:80/      => http://127.0.0.1:4100/

那么 nginx 应该正确地代理你的请求。

更新

为了更清楚地了解 nginx 配置。

server { 

listen 80 default_server;  // The port nginx is listening to ipv4
listen [::]:80 default_server; // The port nginx is listening to ipv6

server_name _; 

location / { // When you call this location...

proxy_pass http://127.0.0.1:4100; // You'll be redirected to this location

} 

location /api { // When you call this location...

proxy_pass http://127.0.0.1:1323/; // You'll be redirected to this location

 } 
}

你的配置没问题according to nginx docs。

您说您的客户正在尝试访问http://127.0.0.1:1323/api/，但它应该请求将http://127.0.0.1/api/（没有端口）重定向到http://127.0.0.1:1323/。

这是另一个例子：

server { 

    listen 80; 

    server_name localhost anywebsite.com; 

    location ~* ^/MyApp {
        proxy_pass http://localhost:5130;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection keep-alive;
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_send_timeout 2m;
        proxy_read_timeout 2m;
    }
}

在这种情况下，每次我的网址以/MyApp 结尾时，例如：http://anywebsite.com/api/MyApp 我被代理到http://localhost:5130。但是如果我尝试访问http://localhost:5130 或http://anywebsite.com:5130/api/MyApp 我将无法访问，因为 nginx 只监听端口 80。如果你想访问另一个端口，你需要这样指定：

server {
    listen 80; 
    listen 5130; 

[...]