Dockerfile部署vue项目参考demo（二）

国内源demo

FROM 192.168.24.5:5000/ein-ent/web-ui:base

CMD "Hello docker!"

COPY . /lain/app/

WORKDIR /lain/app/

#RUN ( yarn --prefer-offline ) && ( yarn build ) && ( rm -rf node_modules )
RUN ( yarn run build ) && ( rm -rf /tmp/* ) && ( rm -rf $HOME/.ssh )

国外源demo 

FROM 127.0.0.1:8080/library/economist-ui:hangtian-201805240434

COPY . /lain/app/ 

WORKDIR /lain/app/

RUN (mkdir /root/.ssh)
ADD id_rsa /root/.ssh/id_rsa
RUN (chmod 600 /root/.ssh/id_rsa) && \
    (ssh -o StrictHostKeyChecking=no [email protected]) && \
    ( rm -rf /usr/local/share/.cache/yarn/v1/npm-@ein /usr/local/share/.cache/yarn/v1/.tmp ) && \
    ( yarn --prefer-offline ) && ( yarn run build ) && ( rm -rf /tmp/* ) && ( rm -rf $HOME/.ssh ) && \
    (node build/switch-mode.js enterprise '测试') && \
    (cp enterprise/config.js public/config.js) && \
    (cp enterprise/logo.png public/assets/images/logo.png) && \
    (chmod a+x deploy/run.sh)

本地测试通过

FROM node:lts-alpine as build-stage
WORKDIR /app
COPY package*.json ./
RUN npm install -g cnpm --registry=https://registry.npm.taobao.org
RUN cnpm install
COPY . .
RUN npm run build

# production stage
FROM nginx:stable-alpine as production-stage
COPY config/nginx/nginx.conf /etc/nginx/nginx.conf
COPY --from=build-stage /app/dist /usr/share/nginx/html

EXPOSE 8080
CMD ["nginx", "-g", "daemon off;"]
RUN echo 'echo init ok!!'

其中package*.json文件直接拷贝到当前路径即可，与Dockerfile同级。

下面则是我的nginx.conf文件

worker_processes auto;
#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;
 
#pid        logs/nginx.pid;
 
 
events {
    worker_connections  1024;
}
 
 
http {
    include       mime.types;
    default_type  application/octet-stream;
 
    #log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
    #                  '$status $body_bytes_sent "$http_referer" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';
 
    #access_log  logs/access.log  main;
 
    sendfile        on;
    #tcp_nopush     on;
 
    #keepalive_timeout  0;
    keepalive_timeout  65;
 
    #gzip  on;
 
    client_max_body_size   20m;
    server {
        listen       8080;
        server_name  localhost;
 
        #charset koi8-r;
 
        #access_log  logs/host.access.log  main;
     location / {
        root   /usr/share/nginx/html/dist/;
        index  index.html index.htm;
        try_files $uri $uri/ /index.html;
        }
        #error_page  404              /404.html;
 
        # redirect server error pages to the static page /50x.html
        #
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
 
        # proxy the PHP scripts to Apache listening on 127.0.0.1:80
        #
        #location ~ \.php$ {
        #    proxy_pass   http://127.0.0.1;
        #}
 
        # pass the PHP scripts to FastCGI server listening on 127.0.0.1:9000
        #
        #location ~ \.php$ {
        #    root           html;
        #    fastcgi_pass   127.0.0.1:9000;
        #    fastcgi_index  index.php;
        #    fastcgi_param  SCRIPT_FILENAME  /scripts$fastcgi_script_name;
        #    include        fastcgi_params;
        #}
 
        # deny access to .htaccess files, if Apache's document root
        # concurs with nginx's one
        #
        #location ~ /\.ht {
        #    deny  all;
        #}
    }
 
 
    # another virtual host using mix of IP-, name-, and port-based configuration
    #
    #server {
    #    listen       8000;
    #    listen       somename:8080;
    #    server_name  somename  alias  another.alias;
 
    #    location / {
    #        root   html;
    #        index  index.html index.htm;
    #    }
    #}
 
 
}

该文件位置config/nginx/nginx.conf，config文件夹与Dockerfile同级

FROM demoimages:latest

ADD sources.list /etc/apt/

RUN apt-get update  && apt-get install -y nginx

RUN mkdir /app

WORKDIR /app

COPY . /app/

ENV PORT 80

#RUN npm install --registry=http://172.16.1.204:38081/repository/npm-group/
RUN npm install --registry=https://registry.npm.taobao.org

RUN npm run build \
    && cp -r dist/dist/* /var/www/html \
    && rm -rf /app

RUN echo "Asia/shanghai" > /etc/timezone

CMD ["nginx","-g","daemon off;"]

此Dockerfile跟本地测试通过那版是一样的功能只是用了一个基础镜像，为了支持各种情况。