Angular开发Docker容器

Question

我正在尝试创建一个用于Angular开发的docker容器。

使用与下面的几乎相同的dockerfile，我能够为React创建一个开发容器。

FROM node:8.9.0

ENV NPM_CONFIG_LOGLEVEL warn
ARG app_env
ENV APP_ENV $app_env

RUN mkdir -p /app1
WORKDIR /app1
COPY ./app1 ./

COPY app1/package.json /app1

RUN npm install
RUN npm update
RUN npm install -g typescript

EXPOSE 4200

RUN chmod a+x /app1/node_modules/.bin/*

ENTRYPOINT ["tail", "-f", "/dev/null"]
#ENTRYPOINT npm start

要运行容器，我使用：

docker run -i -t -p 4200:4200 -v /var/react/{your app name}/{Your apps sub folder}/src:/{ Your apps sub folder } /src {container ID}

然后，我进入容器并运行npm start或npm start 0.0.0.0:4200。一切都编译成功，并说它应该在运行，localhost:4200但出现连接拒绝错误。

我将重申，使用相同的dockerfile，我可以通过react做到这一点。文件之间的唯一区别是端口号和装入的卷。

因此，这使我认为这与Angular配置有关，但我不知道从哪里开始。有任何想法吗？

谢谢！

Answer 1

正如我所怀疑的，这是一个Angular配置问题。我需要做的就是更改package.json文件。

从：

"scripts": { "ng": "ng", "start": "ng serve"

至：

"scripts": { "ng": "ng", "start": "ng serve --host 0.0.0.0 --disable-host-check"

我的Dockerfile保持不变。