发布项目到linux服务器上,部署SpringBoot,Vue项目到Linux服务器上

部署SpringBoot,Vue项目到Linux服务器上

今天我们将SpringBoot项目打包Jar部署到Linux上就可以通过ip地址访问项目

810d7f97a31c85f74b82b6b101c826db.png

我们先package打包项目 打包成功

60f1fb520076a0a6a9d9ae0e0194ae63.png

将Jar上传到Linux服务器

用Xftp连接Linux服务器,放到你想放的路径下

我这里的路径为 /usr/local/project

23903a6c2a011be57d6b886dea513f7c.png

运行项目jar

java -jar vuecartbuy-0.0.1-SNAPSHOT.jar

79e26e5d20f5a97dd7d8432599a27f8d.png

这样子的话,我们的项目就成功的部署到Linux服务器上了

部署Vue项目到Linux上

项目成功的运行的效果如下

a36132bddaddd485478797e434dfdf52.png

使用npm run install打包项目

fff4103aa6b3d774e20c1d668ac1f1cd.png

打包成功效果如上

这个时候我们就可以看到我们的项目多了一个dist文件夹

85a5f4a18a3a79a62e88e7745a93e984.png

修改config/index.js里的assetsPublicPath

初始值是/,我们要修改成./

08aa44a171c09f833dc5dfd37249cdc8.png

bbd213b73fb1207f51f8d6d89b29c431.png

还要修改dist下的index.html资源路径为./

fb7f212eab11fd619e78e97ecca2915e.png

通过浏览器可以访问

0079ced620252c54987ce851b94df99b.png

fbbde58a3f4890c2eb643aacc310b691.png

项目打包完成了

我们打开Xftp连接到服务器

将dist文件夹放到你tomcat容器的webapp目录下

我tomcat是部署到docker下的

关于Docker下部署请参照我这一篇博客

https://blog.csdn.net/weixin_44876536/article/details/103168655

0fbeee270a49c725de29f2d480b9fa8d.png

docker ps -a

docker start tomcat

我的dist放到了我自己创建的vuePage文件夹下

所以这个时候我们就将vuePage放到tomcat容器下的webapp目录下

docker cp vuePage tomcat:/usr/local/tomcat/webapps

docker restart tomcat #重启tomcat

6e43a1e9478acb3fe2eaa4dd51326397.png

通过你的your_server_ip+8080即可以访问到部署的项目

如下图

df26cc2005d7fdbea3c31b07bf42d49f.png

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值