Nginx

reference

Static Files

docker run --rm -it -v ./:/usr/share/nginx/html:ro -p 8080:80 nginx

For Single-page application, overwrite /etc/nginx/conf.d/default.conf and put your index.html in /app

./nginx/default.conf

server {
    listen 80;
    server_name localhost;

    root /app;

    index index.html index.htm;

    location / {
        try_files $uri /index.html;
    }
}
  

For SPA that specify a homepage for static assets, utilize route rewriting.

location /dashboard/ {
    rewrite ^/dashboard/(.*)$ /$1 break;
    try_files $uri /index.html;
}
  

Dockerfile

FROM node:20-alpine AS build

WORKDIR /app

COPY package.json ./

RUN yarn install

COPY . .

RUN yarn build

FROM nginx:alpine

COPY --from=build /app/build /app
COPY ./nginx /etc/nginx/conf.d

EXPOSE 80

Docker Network

Demo Files

.
├── docker-compose.yml
├── nodedocker_app
|   ├── app.js
|   └── dockerfile
└── nginx
    ├── default.conf
    └── dockerfile
  

docker-compose.yml

version: '3'

services:
    nodejs-app:
        build:
          context: ./nodedocker_app
        hostname: nodejsserver

    nginx:
        build:
          context: ./nginx
        ports:
            - "80:80"

networks:
    default:
        name: nginx-node-demo
        external: false
  

nginx/dockerfile : copy setting to container

FROM nginx
COPY ./default.conf /etc/nginx/conf.d/
  

nginx/default.conf: redriect / to nodejsserver:8888 which is defined in docker-compose.yml

server {
  location / {
    proxy_set_header Host $host;
    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_pass http://nodejsserver:8888;
  }
}
  

nodedocker_app/app.js

const http = require('http');
const requestListener = function (req, res) {
  res.writeHead(200);
  res.end('Hello, World!');
}
const server = http.createServer(requestListener);
server.listen(8888);
  

nodedocker_app/dockerfile

FROM node:14
WORKDIR /usr/src/app
COPY app.js /usr/src/app/
EXPOSE 8888
CMD [ "node", "app.js" ]
  

Run Demo

run docker-compose up to start server and nginx
visit http://127.0.0.1/ on your browser