Running the Nomad Prototype UI with an NGINX Proxy to get around CORS

docker-compose.yml

version: '3.8'
services:
  ui:
    image: dingoeatingfuzz/nomad-prototype-ui:latest
    ports:
      - '6464:6464'
    environment:
      NOMAD_API: 'http://localhost:8080'
  nginx:
    image: nginx:latest
    volumes:
      - type: bind
        source: ./nginx.conf
        target: /etc/nginx/nginx.conf
    ports:
      - '8080:80'

nginx.conf

events {}

http {
  server {
    location / {
      proxy_pass http://nomad-ws;
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

      # CORS
      add_header 'Access-Control-Allow-Origin' '*' always;
      add_header 'Access-Control-Expose-Headers' '*' always;
      add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, OPTIONS' always;

      proxy_read_timeout 310s;
      proxy_buffering off;

      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection "upgrade";
      proxy_set_header Origin "${scheme}://${proxy_host}";
    }
  }

  upstream nomad-ws {
    ip_hash;
    server <your-actual-nomad-api>:4646;
  }
}