# 设置基础镜像
FROM node:latest as build-stage
# 定义作者
LABEL maintainer=Zenas

#创建一个工作目录
WORKDIR /jeecgboot-vue3

RUN npm install -g yarn
#RUN yarn install --registry=https://registry.npm.taobao.org
RUN yarn build

# production stage
FROM nginx:stable-alpine as production-stage
COPY --from=build-stage /jeecgboot-vue3/dist /usr/share/nginx/html

RUN echo "server {  \
                      listen       80; \
                      location   /shop-api/ { \
                      proxy_pass              http://69.230.201.115:8080/shop-api/; \
                      proxy_redirect          off; \
                      proxy_set_header        Host http://69.230.201.115:8080; \
                      proxy_set_header        X-Real-IP \$remote_addr; \
                      proxy_set_header        X-Forwarded-For \$proxy_add_x_forwarded_for; \
                  } \
                  #解决Router(mode: 'history')模式下，刷新路由地址不能找到页面的问题 \
                  location / { \
                     root   /var/www/html/; \
                      index  index.html index.htm; \
                      if (!-e \$request_filename) { \
                          rewrite ^(.*)\$ /index.html?s=\$1 last; \
                          break; \
                      } \
                  } \
                  access_log  /var/log/nginx/access.log ; \
              } " > /etc/nginx/conf.d/default.conf \
    &&  mkdir  -p  /var/www \
    &&  mkdir -p /var/www/html

ADD dist/ /var/www/html/
# 暴露镜像端口
EXPOSE 80
EXPOSE 443
CMD ["nginx","-g","daemon off"]