Question

我绝对是初学者。试图将我的应用程序停靠。在几个问题中运行。我已经设置了我的Dockerfile，因此使用ng build构建了角度应用程序。但当然是在转运后的集装箱出口。好吧，我需要它来监听代码更改并再次转换。我认为ng serve可以帮助我实现所需的功能。不幸的是，在尝试使用ng serve构建图像时，它会在docker-compose build步骤中挂起。

Angular Dockerfile

FROM node:9
ADD package.json /tmp/package.json
RUN cd /tmp && npm install
RUN mkdir -p /app && cp -a /tmp/node_modules /app
WORKDIR /app
ADD . /app

# build application
RUN npm run build

nginx DockerFile

FROM tutum/nginx
RUN rm /etc/nginx/sites-enabled/default
ADD sites-enabled/ /etc/nginx/sites-enabled

nginx configuratioins

server {

  listen 80;

  sendfile on;

  default_type application/octet-stream;

  gzip on;
  gzip_http_version 1.1;
  gzip_disable      "MSIE [1-6]\.";
  gzip_min_length   256;
  gzip_vary         on;
  gzip_proxied      expired no-cache no-store private auth;
  gzip_types        text/plain text/css application/json application/javascript application/x-javascript text/xml application/xml application/xml+rss text/javascript;
  gzip_comp_level   9;


  root /app/dist;


  location / {
    try_files $uri $uri/ /index.html =404;
  }

搬运工-compose.yml

version: "3.3"
services:

  nginx:
    build:
      context: ./nginx
    ports:
      - 8080:80
    volumes:
      - app:/app
      - ./:/app
  client:
    build:
      context: ./client
    volumes:
      - app:/app

volumes:
  app:

当我点击localhost：8080。我可以看到第一页。

任何帮助都完全赞赏。感谢

为开发和生产环境停靠Angular5应用程序

0 个答案: