Nginx & React - 如何让多个容器可以通过不同的域访问？

Question

docker-compose.yml

version: '3.8'

services:
  stage:
    container_name: xxx-website-stage
    image: registry.gitlab.com/xxx/website:latest
    build:
      context: .
      target: stage
      dockerfile: Dockerfile

  master:
    container_name: xxx-website-master
    image: registry.gitlab.com/xxx.us/website:latest
    build:
      context: .
      target: master
      dockerfile: Dockerfile

staging.xxx.us.conf

upstream staging-xxx-us {
  server xxx-website-stage:3001;
}

server {

  listen 80;
  listen [::]:80;

  server_name staging.xxx.us

  root /var/www/staging.xxx.us/public_html;

  index index.html index.htm;

  location / {
    proxy_pass         http://staging-xxx-us;
    proxy_set_header    X-Real-IP           $remote_addr;
    proxy_set_header    X-Forwarded-For     $proxy_add_x_forwarded_for;
    proxy_set_header    X-Forwarded-Proto   $scheme;
    proxy_set_header    Host                $host;
    proxy_set_header    X-Forwarded-Host    $host;
    proxy_set_header    X-Forwarded-Port    $server_port;
  }
}

Nginx 抛出 500 和 502。我想访问http://xxx.us ，这是 xxx xxx-website-stage xxx-website-master容器和http://staging.xxx.us

Answer 1

我使用nginx-proxy解决了这个问题。 如果您需要帮助，请查看此内容。 我在那里写了工作配置。