How could I configure a nginx as reverse proxy for a nodejs (express) app using docker-compose

Question

I'm trying to build a docker-compose file with a nginx working as reverse proxy for a nodejs app.

To summary my idea is: Browser(localhost:8000) -> Nginx(port:80) -> Node(port:3000) -> return my "Hello World!"

My files:

docker-compose.yaml

version: '3'

services:

    app:
        build:
            context: ./node
            dockerfile: Dockerfile
        image: vitordarochacamargo/node
        container_name: node
        networks:
            - desafio-network

    nginx:
        build:
            context: ./nginx
            dockerfile: Dockerfile
        image: vitordarochacamargo/nginx
        container_name: nginx
        networks:
            - desafio-network
        ports:
            - "8000:80"

networks:
    desafio-network:
        driver: bridge

nginx/Dockerfile

FROM nginx:1.15.0-alpine

RUN rm /etc/nginx/conf.d/default.conf
COPY nginx.conf /etc/nginx/conf.d

EXPOSE 80

CMD ["tail", "-f", "/dev/null"]

nginx/nginx.conf

server {
    listen 80;
    server_name vitordarochacamargo/ngix;

    location / {
        proxy_set_header   X-Forwarded-For $remote_addr;
        proxy_set_header   Host $http_host;
        proxy_pass         vitordarochacamargo/node:3000;
    }
}

node/Dockerfile

FROM node:15

WORKDIR /usr/src/app

COPY index.js .

RUN npm install express

EXPOSE 3000

CMD [ "node", "index.js" ]

node/index.js

const express = require('express')
const app = express()
const port = 3000

app.get('/', (req, res) => {
    res.send('<h1>Full Cycle Rocks!</h1>')
})

app.listen(port, () => {
    console.log(`listening at http://localhost:${port}`)
})

To run the app -> docker-compose up -d --build

Off course I am missing something, but how I start to study recently docker, docker-compose and also nginx, I can't figure out, what I'm doing wrong.

If you guys, need more information, please let me know.

What result or error are you getting? What have you done to debug it so far? — David Maze
– David Maze, Commented May 5, 2021 at 3:21
I know If I trying to execute only the node image it’s works fine (exposing port 3000). I have the feeling that the problem is with the ningx configuration. — Vitor
– Vitor, Commented May 5, 2021 at 9:50

Bruno Habermann · Accepted Answer · 2023-10-16 14:56:24Z

0

I had the exact same issue that your are having, doing the same exercise.

Reading your files, it seems that the problem is in your proxy_pass. You are putting your ìmage, but you should be putting your service name.

Try doing this in your nginx/nginx.conf:

server {
    listen 80;

    location / {
        proxy_set_header   X-Forwarded-For $remote_addr;
        proxy_set_header   Host $http_host;
        proxy_pass         http://app:3000; # app is the name of your service in docker-compose.yml
    }
}

Then test it by running

docker compose up -d --build

Then

curl localhost:8080

edited Oct 16, 2023 at 14:56

answered Oct 16, 2023 at 14:06

Bruno Habermann

8815 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Tyler2P · Accepted Answer · 2023-10-20 17:59:24Z

0

You misspelled nginx for server_name in your nginx.conf file.

edited Oct 20, 2023 at 17:59

Tyler2P

2,37030 gold badges26 silver badges34 bronze badges

answered Oct 18, 2023 at 13:15

dombom

12 bronze badges

Collectives™ on Stack Overflow

How could I configure a nginx as reverse proxy for a nodejs (express) app using docker-compose

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related