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
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构