angular - 如何使用 docker-compose 运行 Angular？

Question

我正在尝试创建自己的 平均值 从头开始解决，我想使用 docker 撰写 运行它。我已经成功地使节点服务器工作，但是当我尝试运行 Angular 客户端使用 docker，这不起作用。

只需使用 docker 我运行以下命令:

docker build -t ng-client .

docker run -p 4200:4200 ng-client

从输出来看，它似乎正在工作，但是当我转到 http://localhost:4200/ 时我收到 localhost 不起作用的消息。

当我使用以下命令使用 docker-compose 时，我遇到了同样的问题:

docker-compose up

我的 Dockerfile 看起来像这样:

# based on https://mherman.org/blog/dockerizing-an-angular-app/
# base image
FROM node:8.9.3

# install chrome for protractor tests
# RUN wget -q -O - https://dl-ssl.google.com/linux/linux_signing_key.pub | apt-key add -
# RUN sh -c 'echo "deb [arch=amd64] http://dl.google.com/linux/chrome/deb/ stable main" >> /etc/apt/sources.list.d/google.list'
# RUN apt-get update && apt-get install -yq google-chrome-stable

# set working directory
RUN mkdir /usr/src/app
WORKDIR /usr/src/app

# add `/usr/src/app/node_modules/.bin` to $PATH
ENV PATH /usr/src/app/node_modules/.bin:$PATH

# install and cache app dependencies
COPY package.json /usr/src/app/package.json
RUN npm install

# add app
COPY . /usr/src/app

EXPOSE 4200

# start app
CMD npm start

docker-compose.yml 看起来像这样:

version: '3'
services:
  server:
    build: ./server
    ports:
    - '3000:3000'
  # db:
  #   build: mongo:4.1
  #   ports:
  #   - '27017:27017'
  client:
    build: ./client
    ports:
    - '4200:4200'

完整代码位于
https://github.com/FrisoPrograms/MEANpress/tree/feature/initial-docker

Answer 1

尝试:

ng serve --host 0.0.0.0

让 Angular 服务进程监听 0.0.0.0 而不是 localhost 上的请求。使用 --host 0.0.0.0 的原因是默认的 localhost 将不起作用，因为服务器默认绑定(bind)到 localhost，在这种情况下，服务器需要监听所有请求，而不仅仅是来自 localhost 的请求。