本地部署Springboot+Vue项目

本文介绍了如何本地部署Springboot+Vue项目。首先解决从网上下载的demo可能存在的问题,如实体类缺失getset方法和数据库配置。前端部分,通过Nginx部署Vue应用,修改Nginx配置并使用npm run build打包。后端部分,通过在Springboot项目pom.xml中添加配置项打包为jar,并使用java -jar命令启动。完成前后端部署。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

以下项目部署前,先简单说一下一些从网上下载的demo会出现的问题,比如有的实体类没有getset方法,记得去生成。比较常见的一个就是数据库连接方面,一定要记得配置好数据库名,数据库密码等。
前端部署
首先下载好Nginx,然后修改解压后Nginx里conf/nginx.conf文件
修改成以下图片内容
在这里插入图片描述

然后,此处说明用idea运行Vue项目,在View、toolswindow中打开Terminal,输入npm run build。这样整个前端项目就会打包。

此时,将前端项目文件中dist文件夹内的所有内容复制到Nginx/html下。这样,就把前端项目打包在了Nginx下,只需要双击Nginx.exe,在浏览器输入localhost:8082/就可以浏览前端页面了。

后端部署
在springboot项目中,在pom.xml文件(靠前位置)中name的标签对添加一行在这里插入图片描述这样在后面项目打包的时候就可将后端项目打包成一个jar包。
然后,在pom.xml文件(靠后位置)将内容改成如下所示在这里插入图片描述这样会让项目在打包时࿰

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值