Jenkins-Vue

Jenkins-Vue

Posted by z9961 on January 26, 2019

Jenkins持续集成部署Vue项目

jenkins+git+Webhooks

环境:windows server 2008

网上的教程大多数都是linux+ssh,和win下有些不同

步骤

1.打开系统管理-全局工具配置,添加node.js的配置

2.打开系统管理-插件管理-Available,安装NodeJS Plugin

3.创建一个自由风格的job

4.mark

mark

类似于之前的 Jenkins-Springboot

set BUILD_ID=dontKillMe
start npm run serve
exit 0

这里的start是异步执行,不然构建超时


如果使用build部署的话

mark

xcopy dist c:\dist /e /d /y

/y 直接覆盖 /d 目标为目录 /e 复制文件和目录

nginx:

 server {
        listen       80;
        server_name  xxx.cn;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root c:\dist;
            try_files $uri $uri/ @router;
            index index.html;
        }

        location @router {
            rewrite ^.*$ /index.html last;
        }

        location /api {
            proxy_pass http://127.0.0.1:8888/;
        }
		
		......

如果出现访问网站提示

Invalid Host header

在vue目录下创建vue.config.js

module.exports = {
    devServer: {
        disableHostCheck: true,
    }
}