jenkins中部署VUE

一、安装nodejs插

在 系统管理-》插件管理 中 安装nodejs插件

二、配置nodejs插件

在jenkins全局工具配置中，配置nodejs,如下图

三、编写Docker文件

FROM Nginx
RUN rm /etc/nginx/conf.d/default.conf
ADD default.conf /etc/nginx/conf.d/
COPY dist/ /usr/share/nginx/html/

四、编写nginx配置文件

server {
listen 80;
server_name localhost;

location / {
root /usr/share/nginx/html;
index index.html index.htm;
try_files $uri $uri/ /index.html =404;
}
location /api {
proxy_pass http://172.16.1.25:8083;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}

五、新建vue构建任务

构建脚本如下

cd /var/jenkins_home/workspace/archive-document-v2.0
docker stop archive-docment-v2.0 || true
docker rm archive-docment-v2.0 || true
docker rmi -f archive-docment-v2.0 || true
docker build -t archive-docment-v2.0 .
docker run -d -p 5173:80 --name archive-docment-v2.0 archive-docment-v2.0:latest