Answer the question
In order to leave comments, you need to log in
Error 502 when dockerizing an application (React) using Nginx proxying, how to fix?
I'm trying to dockerize a React application using nginx proxying. For nginx I use the image from the dockerhub, for nodejs I write my own Dockerfile, in addition, for nginx I write my own config and use it.
When I start the application, I get a 502 error (Bad Gateway) and the following error comes to the logs:
*16 connect() failed (111: Connection refused) while connecting to upstream, client: 172.28.0.1, server: ~.*, request: "GET / HTTP/1.1", upstream: " 172.28.0.2:3000 ", host : "localhost"
*1 connect() failed (111: Connection refused) while connecting to upstream, client: 172.28.0.1, server: ~.*, request: "GET /favicon.ico HTTP/1.1", upstream: " 172.28 .0.2:3000/favicon.ico ", host: "localhost", referrer: " localhost "
- project
- app
- package.json *and more*
- docker
- confing
- nginx
- default.conf
- dockerfile
- node
- Dockerfile
docker-compose.yml
FROM node:13.12.0-alpine
# set working directory
WORKDIR /home/node/app
# install app dependencies
COPY package*.json ./
RUN npm install react-scripts -g
RUN npm install
# add app
COPY . ./
# start app
CMD ["npm", "start"]
server {
listen 80;
server_name ~.*;
location / {
root /var/www/html/public;
proxy_pass http://nodejs:3000;
}
}
version: '3'
services:
nodejs:
build:
context: ../app
dockerfile: ./../docker/dockerfile/node/Dockerfile
container_name: nodejs
networks:
- my-network
restart: unless-stopped
volumes:
- ../app:/home/node/app
expose:
- 3000
environment:
- NODE_ENV=development
nginx:
networks:
- my-network
image: nginx:latest
container_name: user-nginx
volumes:
- ../app:/var/www/html
- ./logs/nginx:/var/log/nginx
- ./config/nginx:/etc/nginx/conf.d
ports:
- 80:80
networks:
portfolio:
name: my-network
driver: bridge
Answer the question
In order to leave comments, you need to log in
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question