使用Jenkins打包部署VUE项目

我是基于我的上一篇文章之后写的，
如果不太清楚jenkins的安装，先去看我上一篇文章：传送门

Docker环境下的安装

下载nginx的Docker镜像：

docker pull nginx:1.14.2

创建目录/home/nginx/html、/home/nginx/logs和文件/home/nginx/conf/nginx.conf，分别用于挂载Nginx html,logs和配置文件：

mkdir -p /home/nginx/1ogs
mkdir -p /home/nginx/htm1
mkdir -p /home/nginx/conf
touch /home/nginx/conf/nginx.conf

修改Nginx配置：

vim /home/nginx/conf/nginx.conf

worker_processes  auto;

error_log   /var/log/nginx/error.log;
pid   /run/nginx.pid;

events {
    worker_connections  1024;
}

http {
        include mime.types;
        default_type  application/octet-stream;

        server_names_hash_bucket_size 512;
        client_header_buffer_size 32k;
        large_client_header_buffers 4 32k;
        client_max_body_size 50m;

        sendfile   on;
        tcp_nopush on;

        keepalive_timeout 60;
        tcp_nodelay on;

        fastcgi_connect_timeout 300;
        fastcgi_send_timeout 300;
        fastcgi_read_timeout 300;
        fastcgi_buffer_size 64k;
        fastcgi_buffers 4 64k;
        fastcgi_busy_buffers_size 128k;
        fastcgi_temp_file_write_size 256k;
        fastcgi_intercept_errors on;

        gzip on;
        gzip_min_length  1k;
        gzip_buffers     16 8k;
        gzip_http_version 1.1;
        gzip_comp_level 6;
        gzip_types     text/plain application/javascript application/x-javascript text/javascript text/css application/xml;
        gzip_vary on;
        gzip_proxied   expired no-cache no-store private auth;
        gzip_disable   "MSIE [1-6]\.";

        limit_conn_zone $binary_remote_addr zone=perip:10m;
        limit_conn_zone $server_name zone=perserver:10m;

        server_tokens off;
        access_log off;


    server {
        listen       80;
        server_name  localhost;

        charset utf-8;

        location / {
            root   html;
            index  index.html index.htm;
        }
        location = /50x.html {
            root   html;
        }
    }
}

创建Nginx容器：

docker run --name nginx -d -p 80:80  \
-v /home/nginx/conf/nginx.conf:/etc/ng inx/nginx.conf  \
-v /home/nginx/html:/etc/nginx/html \
-v /home/nginx/logs:/var/log/nginx nginx:1.14.2

新增node.js的安装配置：

在Jenkins中创建执行任务

首先我们需要新建一个任务：

首先我们选择构建一个自由风格的软件项目admin-web，然后配置其Git仓库地址

之后我们需要添加一个构建，选择调用顶层maven目标

该构建主要用于把我们的源码打包并上传到我们的nginx目录下去

之后点击保存操作，我们的任务就创建完成了，在任务列表中我们可以点击运行来执行该任务；

我们可以通过控制台输出来查看整个任务的执行过程：