Nginx upstream to express server - 502 错误

Question

嘿嘿，我在数字海洋上有一个nginx服务器。我曾经使用 PM2 在 AWS 上托管，但使用 nginx 将其调整为运行。

问题是我似乎得到了 502。只是配置不正确。最初我只为客户端提供服务并且工作正常但是当我切换到服务器时也执行它 502。

客户端和服务器文件夹在同一个父目录中。

这是我现在的 var/nginx/sites-available/default

# Main Content Delivery Block (SSL)

server {
    listen              443 ssl;
    listen              [::]:443 ssl;
    server_name         quakeviz.app;
    ssl                 on;
    ssl_certificate     /etc/ssl/certs/mpaccione_ssl.crt;
    ssl_certificate_key /etc/ssl/private/mpaccione_ssl.key;
    ssl_protocols       TLSv1 TLSv1.1 TLSv1.2;
    ssl_ciphers         HIGH:!aNULL:!MD5;
    add_header          Content-Security-Policy upgrade-insecure-requests;

    location / {
        root        /var/www/html/usgs_viz/server;
        proxy_pass  https://quakeviz.app:8080/;
        proxy_ssl_session_reuse on;
        #try_files  $uri $uri/ /;
    }

    #location /bufferLength {
    #   root                    /var/www/html/usgs_viz/server;
    #   proxy_pass              https://quakeviz.app:8080/;
    #    proxy_ssl_session_reuse on;
    #}

    #location /quakeData {
    #   root                    /var/www/html/usgs_viz/server;
    #   proxy_pass              https://quakeviz.app:8080/;
    #   proxy_ssl_session_reuse on;
    #}
}

# Redirect 

#server {
#   listen 80 default_server;
#   listen [::]:80 default_server;
#   listen 443 ssl;
#   listen [::]:443 ssl;
#
#   return 301 https://quakeviz.app$request_uri;
#}

这是服务器文件夹中的index.js。我现在在客户端和 api.

上收到 502（更新的问题）

// Modules
const cors = require('cors'),
  express = require('express'),
  expressStaticGzip = require('express-static-gzip'),
  fs = require('fs'),
  path = require('path'),
  app = express(),
  // Globals
  getDirectories = (source) => {
    return fs
      .readdirSync(source, { withFileTypes: true })
      .filter((dir) => dir.isDirectory())
      .map((dir) => dir.name)
  }

// CORS for Local Testing

app.use(cors())

// Compression

app.use(
  '/',
  expressStaticGzip(path.join(__dirname, '../client/build'), {
    enableBrotli: true,
    orderPreference: ['br', 'gz'],
  })
)

// Routes

app.get('/', function (req, res) {
  res.sendFile(path.join(__dirname, '../client/build', 'index.html'))
})

app.get('/.well-known(/*)?', function (req, res) {
  res.sendFile(path.join(__dirname, '../.well-known', 'assetlinks.json'))
})

app.get('/privacy-policy', function (req, res) {
  res.sendFile(path.join(__dirname, '../privacy_policy.html'))
})

// API

app.get('/bufferLength', function (req, res) {
  const encoding = req.headers['accept-encoding'],
    compArr = getDirectories(
      path.join(__dirname, '/api-data/compressed/')
    ).sort(function sortNum(a, b) {
      return b - a
    })

  if (compArr.length < 2) {
    console.warn('ByteLength Not Available')
    res.status(500).send(new Error('ByteLength Not Available'))
  } else {
    console.log('BUFFER LENGTH RES')

    fs.readFile(
      path.join(
        __dirname,
        `/api-data/compressed/${compArr[1]}/byteLength.json`
      ),
      (err, data) => {
        if (err) {
          console.warn(err)
          res.status(500).send(new Error(err))
        } else {
          console.log(data)
          res.writeHead(200, { 'Content-Type': 'application/json' })
          res.end(data)
        }
      }
    )
  }
})

app.get('/quakeData/:index', function (req, res) {
  const encoding = req.headers['accept-encoding'],
    index = req.params.index,
    compArr = getDirectories(
      path.join(__dirname, '/api-data/compressed/')
    ).sort(function sortNum(a, b) {
      return a - b
    })

  // Send Second Newest Dataset as Latest May hvae Read/Writes
  if (compArr.length <= 1) {
    console.warn('Unsupported Content Encoding Headers')
    res.status(500).send(new Error('Dataset Not Currently Available'))
  } else {
    if (encoding.includes('br')) {
      console.log('BROTLI RES')

      fs.readFile(
        path.join(
          __dirname,
          `/api-data/compressed/${compArr[1]}/brotliData${index}.txt.br`
        ),
        (err, data) => {
          if (err) {
            console.warn(err)
            res
              .status(500)
              .send(new Error('Brotli Compression Data Read Error'))
          } else {
            res.writeHead(200, {
              'Content-Type': 'application/json',
              'Content-Encoding': 'br',
            })
            res.end(data)
          }
        }
      )
    } else if (encoding.includes('gzip')) {
      console.log('GZIP RES')

      fs.readFile(
        path.join(
          __dirname,
          `/api-data/compressed/${compArr[1]}/gzipData${index}.txt.gz`
        ),
        (err, data) => {
          if (err) {
            console.warn(err)
            res.status(500).send(new Error('Gzip Compression Data Read Error'))
          } else {
            res.writeHead(200, {
              'Content-Type': 'application/json',
              'Content-Encoding': 'gzip',
            })
            res.end(data)
          }
        }
      )
    } else {
      console.warn('Unsupported Content Encoding Headers')
      res.status(415).send(new Error('Unsupported Requested Encoding Type'))
    }
  }
})

// Listen

app.listen(8080, () => console.log('API listening on 8080'))

Answer 1

不明白您为什么要尝试将每个代理代理到您的服务路由，为什么不让您的应用为您路由请求？

示例：

 location / {
    root                    /var/www/html/usgs_viz/server;
    proxy_pass              https://quakeviz.app:8080/;
    proxy_ssl_session_reuse on;
}

我注意到的另一件事是 proxy_pass 上的 https 我认为这行不通，请尝试用 http 替换。

Answer 2

我把事情改成了这个。我也运行服务器有PM2.

我开始更多地了解 fullstack sysadmin 位，所以我实际上并不知道我需要运行在 PM2 上进行此操作并使用 Nginx 进行路由。我的想法是，如果我指向它，Nginx 会运行它。有点傻，但我确实认为这里的 nginx 配置更好。见下文。

# Main Content Delivery Block (SSL)

server {
    listen              443 ssl;
    server_name         quakeviz.app;
    ssl                 on;
    ssl_certificate     /etc/ssl/certs/mpaccione_ssl.crt;
    ssl_certificate_key /etc/ssl/private/mpaccione_ssl.key;
    ssl_protocols       TLSv1 TLSv1.1 TLSv1.2;
    ssl_ciphers         HIGH:!aNULL:!MD5;
    add_header          Content-Security-Policy upgrade-insecure-requests;

    location / {
        root                /var/www/html/usgs_viz/server;
        proxy_pass          http://localhost:8080;
        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;
    }
}

Nginx upstream to express server - 502 错误

Nginx upstream to express server - 502 error

proxy

nginx

express