使用 nodejs app 和 anguar 在 docker 容器中运行时不连接到本地主机

Question

I am using Nodejs with angular app . I deploy angular to my docker desktop. It is running but when I want access from my pc using localhost from PC browser, it does not connect..

Here is docker image running

Here is Dockerfile code

    FROM node:16.13.1 as build
    WORKDIR /app
    COPY package.json /app
    COPY . .
    RUN npm install
    RUN npm run build --prod
    RUN ls -la dist
    FROM nginx:alpine
    COPY --from=build /app/dist /usr/share/nginx/html
    EXPOSE 4200

When I want access using http://localhost:4200/ from my pc, it is not connecting. Please help to find out the problem..

Answer 1

The EXPOSE is only part of the solution. You also need to publish the port when creating the container. You haven't provided detail about how you start the container, but the proper way in your case would be:

docker run -d -P your_image_name

the -P flag publishes all exposed ports.

Another way - to explicitly publish specific port:

docker run -d --publish 4200:4200 your_image_name

Read more in Docker documentation

Answer 2

nginx:alpine expose on port 80.
port 4200 is used for development when you run npm start or ng serve .

Answer 3

EXPOSE 4200 does nothing and is in this case misleading. You use EXPOSE to document what port the image listens on. As Antoine says, nginx listens on port 80, so if you want an EXPOSE statement, it should be EXPOSE 80 .

Remove the EXPOSE statement since it's misleading

FROM node:16.13.1 as build
WORKDIR /app
COPY package.json /app
COPY . .
RUN npm install
RUN npm run build --prod
RUN ls -la dist
FROM nginx:alpine
COPY --from=build /app/dist /usr/share/nginx/html

When you run your container, you can then map port 80 in the container to port 4200 on your machine like this

docker run -d -p 4200:80 my_image_name

You'll then be able to load your app by going to http://localhost:4200/