jenkins中部署VUE _VUE

一、安装nodejs插
在系统管理-》插件管理中安装nodejs插件
二、配置nodejs插件
在jenkins全局工具配置中，配置nodejs,如下图

文章插图
【jenkins中部署VUE】
三、编写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