Docker部署Vue前端项目

$$Vue前端项目镜像构建与部署$$

一 通过Vue_cli打包vue

1.1 打包

npm run build

1.2 压缩成zip文件包

二 Docker部署

2.1 Dockerfile进行Nginx镜像制作

FROM centos:7
LABEL maintainer major_s
RUN yum install -y gcc gcc-c++ make \
    openssl-devel pcre-devel gd-devel \
    iproute net-tools telnet wget curl && \
    yum clean all && \
    rm -rf /var/cache/yum/*

ADD nginx-1.15.5.tar.gz /
RUN cd nginx-1.15.5 && \
    ./configure --prefix=/usr/local/nginx \
    --with-http_ssl_module \
    --with-http_stub_status_module && \
    make -j 4 && make install && \
    mkdir /usr/local/nginx/conf/vhost && \
    cd / && rm -rf nginx* && \
    ln -sf /usr/share/zoneinfo/Asia/Shanghai /etc/localtime

ENV PATH $PATH:/usr/local/nginx/sbin
COPY nginx.conf /usr/local/nginx/conf/nginx.conf
WORKDIR /usr/local/nginx
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

---

docker run -d -v /opt/wwwroot:/usr/local/nginx/html --name front_pro -p 9090:80 ngnix:v1