无法访问此站点，docker-compose

Question

我正在尝试将docker-compose用于react-typescript应用程序，下面的webpack-dev-server是我的[[Dockerfile

FROM node:lts-slim

RUN mkdir -p /usr/src/app

WORKDIR /usr/src/app

EXPOSE 3000

CMD [ "npm", "start" ]

["start": "webpack-dev-server --port 3000"此package.json行
docker-compose.yml

version: "3"
services:
    frontend:
        container_name: awesome_web
        build:
            context: ./client
            dockerfile: Dockerfile
        image: webpack
        ports:
            - "3000:3000"
        volumes:
            - ./client:/usr/src/app

我基于成功编译的日志应用程序执行了命令
docker-compose up --build

。><< docker ps的输出>

CONTAINER ID        IMAGE               COMMAND                  CREATED             STATUS              PORTS                    NAMES
c88198ba996c        webpack             "docker-entrypoint.s…"   21 seconds ago      Up 20 seconds       0.0.0.0:3000->3000/tcp   awesome_web

但是当我尝试访问

localhost：3000时出现错误
无法访问此站点

我是docker的新手，关注在线博客，但我不明白为什么我无法访问该网站？我正在尝试将docker-compose用于带有webpack-dev-server的react-typescript应用程序，以下是我的Dockerfile FROM节点：lts-slim RUN mkdir -p / usr / src / app WORKDIR / usr / src / app EXPOSE 3000 CMD ...

Answer 1

webpack-dev-server --host 0.0.0.0 --port 3000

Answer 2

Answer 3