Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Need Help: How to configure nginx correctly, nginx responds 502

See original GitHub issue

nginx-proxy-compose.yml

version: '3.8'

services:
  nginx-proxy:
    image: jwilder/nginx-proxy
    volumes:
      - /var/run/docker.sock:/tmp/docker.sock:ro
    ports:
      - "80:80"
    networks:
      - proxynet

networks:
  proxynet:
    name: mynetwork

Note: Run the Nginx proxy container first.

app-compose.yml

version: '3.8'

services:
  stage:
    container_name: xxx-website-stage
    image: registry.gitlab.com/xxx.us/website:latest
    build:
      context: .
      target: stage
      dockerfile: Dockerfile
    expose:
      - "80"
    restart: always
    volumes:
      - /etc/nginx/conf.d/staging.xxx.us.conf:/etc/nginx/conf.d/default.conf:ro
    environment:
      VIRTUAL_HOST: staging.xxx.us
    networks:
      - my-proxy-net

networks:
  my-proxy-net:
    external:
      name: mynetwork

/etc/nginx/conf.d/staging.xxx.us.conf

server {

  listen 80;
  listen [::]:80;

  server_name localhost;

  root /usr/share/nginx/html;

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

  index index.html index.htm;

  location / {
    try_files $uri $uri/ =404;

    expires -1;
  }

  location ~* \.(?:css|js)$ {
    access_log off;
    log_not_found off;

    add_header Cache-Control "no-cache, public, must-revalidate, proxy-revalidate";
  }

  location ~* \.(?:jpg|jpeg|gif|png|ico|xml)$ {
    access_log off;
    log_not_found off;

    add_header Cache-Control "public";
  }

  location ~* \.(?:eot|woff|woff2|ttf|svg|otf) {
    access_log off;
    log_not_found off;

    add_header Cache-Control "public";

    add_header Access-Control-Allow-Origin *;

    types {
      font/opentype otf;
    }
    types {
      application/vnd.ms-fontobject eot;
      }
    types {
      font/truetype ttf;
    }
    types {
      application/font-woff woff;
    }
    types {
      font/x-woff woff2;
    }
}

location ~ /\. {
    access_log off;
    log_not_found off;
    deny all;
  }

}

Dockerfile

# dev stage
FROM node:14.4.0-alpine AS dev

# set working directory
WORKDIR /var/www/

# install app dependencies
COPY package.json package-lock.json ./
RUN npm ci --silent

# add app
COPY . ./

# builder stage
FROM dev AS builder

RUN npm run build:app

# stage stage
FROM nginx:1.19.1-alpine AS stage

# Remove default files created by Nginx
RUN rm -rvf /usr/share/nginx/html/*
RUN rm -vf /etc/nginx/conf.d/default.conf

COPY --from=builder /var/www/build/ /usr/share/nginx/html

CMD ["nginx-debug", "-g", "daemon off;"]

sudo docker ps

CONTAINER ID        IMAGE                                          COMMAND                  CREATED             STATUS              PORTS                NAMES
...        ...   "/docker-entrypoint.…"   ...      ...       80/tcp               xxx-website-stage
...        jwilder/nginx-proxy                            "/app/docker-entrypo…"   ...   ...       0.0.0.0:80->80/tcp   docker-composes_nginx-proxy_1

/etc/hosts

127.0.0.1 localhost
127.0.0.1 staging.xxx.us

# The following lines are desirable for IPv6 capable hosts
::1 ip6-localhost ip6-loopback
fe00::0 ip6-localnet
ff00::0 ip6-mcastprefix
ff02::1 ip6-allnodes
ff02::2 ip6-allrouters
ff02::3 ip6-allhosts

Update 1

Modify /etc/hosts in the server and mappings as follows.