前后端分离 文件服务器,前后端分离项目的打包部署

SpringBoot + Vue项目部署到指定服务器上。

1.打包部署后端项目

1.1.设置打包类型

在pom.xml文件中设置打包类型

e1aeb0feeb1f1d76991c89c449990aaa.png

1.2.打成jar包

4f09bd0d5aac0c9bb3cc67a28964b7c4.png

打包后生成target文件夹,用于存放打包后的文件,其中就包含打成的jar包。

79ad8b0bc60c0c9b6d39c9176739b410.png

1.4.利用xshell访问服务器

①.连接到服务器;

②.进入存放jar包的目录中;

③.查看文件夹内容(此时我们还未传打好的jar服务器上)

30de48273c92de060481323cc9022b34.png

1.5.上传本地jar包到服务器上

进入jar所在的target文件夹,cmd

scp jar包在本地的路径 用户名@ip:/服务器存放jar包路径

27c4d0eb27118a2126a8c98b7d302a3f.png

1.6.启动jar包

此时,xshell中输入ll即可看到jar已经存放进去了。接下来我们开启jar

包:

nohup java -jar xxxx.jar &

注意:ctrl+c退出当前操作之后再进行其它操作。

e6d67174788aa497b9a9890e8d294435.png

此时后端代码部署完毕,可通过后端地址访问。

2.Vue前端打包部署

2.1.前端打包

teminal中输入命令npm run build

e06431f543a8bd6d22ac553efff8f5af.png

生成dist文件夹,war包就存放在里面。

2.2.前端war包上传到服务器上

同后端上传jar包到服务器上

5d120eb5827998a4fda5e135bf9e0c95.png

2.3.启动tomcat

进入服务器tomcat/bin,启动./startup.sh即可。

3.更新代码后重新发布

3.1.xshell中停掉后端服务并删除

a5dedd22675551efbddbb3064eff2a94.png

3.2.接下来就和初次打包部署后端一样了

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++

初次打包部署,如有错误,请指正!

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值