I am actually learning how to develop a website with Angular and to learn even more we are also learning Docker my putting our project in a container.
Our goal is to have Angular exclusively installed on the container, and have our code on our host machine accessible for the container by a bind volume mounted.

So I created a Dockerfile with what was needed and a docker-compose.yaml so the mount volume instruction is directly in it (so we don’t need to run the container with -v each time).

The server launch perfectly, all my files are changed on my container when I modify themn on my host. However, if I want to access it from my host, I have to access it with the “Network” IP provided my Node.js and not the localhost one, and I thought it was supposed to ?

Watch mode enabled. Watching for file changes...
  ➜  Local:   http://localhost:4200/
  ➜  Network: http://another.ip:4200/

I can work with that but I would like to understand why does it work like that, because I think it’s just some incomprehension of mine.

Here is my Dockerfile :

FROM node:latest
WORKDIR /app

RUN npm install -g @angular/cli@16

COPY package.json package-lock.json ./
RUN npm install

EXPOSE 4200

CMD ["ng", "serve", "--host", "0.0.0.0", "--disable-host-check"]

And my docker-compose.yaml :

version: '3.8'
services:
  my-website:
    image: image-of-mywebsite
    build:
      context: .
      dockerfile: Dockerfile
    volumes:
      - ./:/app
    ports:
      - "4200:4200"

They are in the same folder, the folder where my Angular project is, and I run it with
sudo docker compose run my-website

Thank you for helping me understand.