手把手教你 jenkins 部署前后端分离项目

一，项目架构 

springboot+vue

二，所需环境

jenkins、docker、docker-compose

三，后端部署

1，加载maven插件

2，刷新后输入设置好的账号密码

3，新建任务

4，输入git地址

5，添加git账户名密码

6，选择账号

7，继续下拉设置

8，maven打包命令

9，选择构建成功之后才执行脚本

10，选择执行shell

11，保存

12，点击立即构建

13，查看控制台输出

14，附上项目中dokerFile  和dockers-compose.yml文件

四、web端项目构建

1，安装nodejs

2，在全局工具配置中操作nodejs安装

3，新建任务中选择构建自由风格

4，点击项目 选择配置 添加git地址

5，构建环境选择

6，执行脚本

7,构建

中间会遇到多个问题这里列举1，2

        7-1 No such file or directory

        没有对应目录，查看之后发现目录存在，这里需要将目录挂载到jenkins配置文件

解决方案：在jenkins docker-compose文件中 加入这么一段

         7-2 Permission denied

解决方案：在jenkins docker-compose文件中 加入这么一段

一个是挂载到时候重启nginx的配置文件，一个是挂载docker-compose

        7-3 npm 问题

解决方案：重新再执行一次，或者在配置的shell脚本中 加上 npm cache clean --force 执行，执行完了就删除（这完全是前端解决方案，问问前端就知道）