部署到 nginx Web 服务器时出现 502 bad gateway 错误答案

【问题标题】：502 bad gateway error when deploying to nginx web server部署到 nginx Web 服务器时出现 502 bad gateway 错误
【发布时间】：2020-02-14 14:01:07
【问题描述】：

我使用create-react-app 和npm run buildcommands 构建了一个react 应用程序，并将其连接到由create-react-app 创建的目录中的server.jsfile 的节点。

在本地运行命令node server 时，它工作得非常好，但是当我将更改推送到我的 nginx 服务器时，我开始收到 502 错误网关状态。为什么会这样？当我收到此错误时，节点正在运行。

这是server.js代码

onst express = require('express');
const path = require('path');

const app = express();


app.use('/js', express.static(path.join(__dirname, 'src/')));
app.use('/css', express.static(path.join(__dirname, 'src/')));

app.use(express.static(path.join(__dirname , '/public/build')));


// Handles any requests that don't match the ones above
app.get('/', (req,res) =>{
    res.sendFile(path.join(__dirname , "/public/build/index.html"));

});

const port = process.env.PORT || 5000;
app.listen(port);

console.log('App is listening on port ' + port);

错误日志

[error] 7422#7422: *4477 connect() failed (111: Connection refused) while connecting to upstream, client: 162.84.158.175, server: anthonyjimenez.me, request: "GET / HTTP/2.0", upstream: "http://127.0.0.1:3000/", host: "anthonyjimenez.me"

和配置文件

http {

    ##
    # Basic Settings
    ##

    sendfile on;
    tcp_nopush on;
    tcp_nodelay on;
    keepalive_timeout 65;
    types_hash_max_size 2048;
    # server_tokens off;

    # server_names_hash_bucket_size 64;
    # server_name_in_redirect off;

    include /etc/nginx/mime.types;
    default_type application/octet-stream;

    ##
    # SSL Settings
    ##

    ssl_protocols TLSv1 TLSv1.1 TLSv1.2; # Dropping SSLv3, ref: POODLE
    ssl_prefer_server_ciphers on;

    ##
    # Logging Settings
    ##

    access_log /var/log/nginx/access.log;
    error_log /var/log/nginx/error.log;

    ##
    # Gzip Settings
    ##

    gzip on;

    # gzip_vary on;
    # gzip_proxied any;
    # gzip_comp_level 6;
    # gzip_buffers 16 8k;
    # gzip_http_version 1.1;
    # gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;

    ##
    # Virtual Host Configs
    ##

    include /etc/nginx/conf.d/*.conf;
    include /etc/nginx/sites-enabled/*;
}

【问题讨论】：

我认为502 bad gateway意味着nginx无法将请求转发到服务器，在这种情况下是因为nginx无法连接到它...

标签： node.js reactjs nginx

【解决方案1】：

转到 /nginx/sites-enabled/default 并添加以下块。你必须告诉 Nginx 并以这种方式转发这个请求

server {

listen 443 ssl ;

ssl_certificate /etc/letsencrypt/live/example.com/fullchain.pem; //ssl
ssl_certificate_key /etc/letsencrypt/live/example.com/privkey.pem; //ssl

index index.html index.htm index.nginx-debian.html;
server_name example.com;

location / {
proxy_pass http://localhost:3001; //Your port goes here
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;
}


}

【讨论】：