SpringBoot+Vue+maven打成jar包部署服务器,不显示前端页面。

问题描述

提示:这里描述项目中遇到过的问题:
vue项目打包完成后放入后端resources的静态文件(static)里面
在这里插入图片描述
大概就是这样,注意第一个static文件夹是springBoot项目里本来就有的千万不要删除在这里插入图片描述

SpringBoot后端打包
那么以上准备好了之后就开始下一步、

首先clean清理一下残留的jar包、再使用install重新构建打jar包。
在xxxx(项目文件夹)\target,目录下后缀名为jar的。

在这里插入图片描述
然后在去部署,可以现在本地上用jar包直接启动。
例如:直接在盘符目录上cmd就能直接进入窗口然后输入命令 java -jar xxxx.jar启动服务。
在这里插入图片描述

再去浏览器输入ip(本地启动的话ip=localhost)+端口,发现变成404根本访问不到页面,那这是怎么回事呢。

在这里插入图片描述
其实很简单:回到后端,进入pom.xml配置里面找到这一段,原理很简单就是打包的时候配置文件将static里的前端页面没有打包进jar包里所有导致部署启动了也访问不到页面。把这一段配置加上如我注释的代码解开就行了。(因为我要演示所以把static打包注释掉了)
在这里插入图片描述
接下来重新打包在部署就能访问啦!!!
POM配置代码在评论区。

  • 0
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 9
    评论
在Linux系统上打部署springboot+vue项目的步骤如下: 1. 首先,你需要拉取git仓库的代码。复制git仓库的地址,并在Linux系统中使用命令拉取代码。\[1\] 2. 接下来,你需要打Java项目。进入项目的目录,执行打命令,生成一个jar。你可以使用命令`java -jar springboot-affair-0.0.1-SNAPSHOT.jar`来运行打好的Java项目。\[3\] 3. 然后,你需要部署前端vue项目。同样进入项目的目录,执行打命令,生成前端的静态文件。将生成的静态文件部署到Nginx服务器上。 4. 在部署之前,确保Nginx、MySQL、Redis和MinIO已经启动。你可以使用相应的命令来启动这些服务。 5. 最后,访问你的项目。通过浏览器访问Nginx服务器的地址,即可查看部署好的springboot+vue项目。 总结起来,你需要拉取代码,打Java项目,部署前端项目,启动Nginx、MySQL、Redis和MinIO,然后访问项目即可。\[1\]\[2\]\[3\] #### 引用[.reference_title] - *1* *3* [Linux——在Linux系统上打部署springboot+vue项目,nginx+mysql+redis+minio](https://blog.csdn.net/weixin_56039103/article/details/126173205)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [使用docker部署springboot+vue项目](https://blog.csdn.net/Ruhoney908/article/details/131024801)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值