Gitlab的CICD基于前端Angular和后端LoopBack的Dockerfile文件配置参考记录

前端文件（Angular）

# #制定node镜像的版本
# FROM nginx:alpine
# #移动当前目录下面的文件到app目录下
# ADD . /app/
# #进入到app目录下面，类似cd
# WORKDIR /app
# pull nginx image

//示例

FROM nginx:alpine
ADD . /app/
WORKDIR /app
# 从第一个阶段的档案copy
COPY ./dist/try /usr/share/nginx/html
# 覆盖image的设定档
COPY ./nginx-custom.conf /etc/nginx/conf.d/default.conf 

还需一个nginx-custom.conf文件，配置如下

server {
  listen *:4200 ; # 指定port to serve

  port_in_redirect off;
  autoindex on;

  location / {
    root /usr/share/nginx/html; # 指定web根目錄
    index index.html; # 指定index為index.html
  }

  error_page 404  /index.html;

  error_page 500 502 503 504 /50x.html;
      location = /50x.html {
  }
}

后端基于(LoopBack框架)

# #制定node镜像的版本
# FROM nginx:alpine
# #移动当前目录下面的文件到app目录下
# ADD . /app/
# #进入到app目录下面，类似cd
# WORKDIR /app

# pull nginx image

FROM nginx:alpine

ADD . /app/

WORKDIR /app

# 从第一个阶段的copy
COPY ./dist/try /usr/share/nginx/html

# 覆盖image的设定档
COPY ./nginx-custom.conf /etc/nginx/conf.d/default.conf