Spring Boot Vue Element入门实战(十七)Nginx+Tomcat前后端部署

本文详细介绍了如何进行Vue项目与Spring Boot应用的打包和部署。在打包阶段,需修改配置文件中的IP地址,Vue项目使用`npm build`命令,Java后台使用Maven进行打包。部署时,Vue的dist目录放置于Nginx的root路径下,配置Nginx的端口和路径,通过`start nginx`启动。后端服务根据jar或war格式选择启动方式,确保端口不冲突。
摘要由CSDN通过智能技术生成

本博客属作者原创,未经允许禁止转载,请尊重原创!如有问题请联系QQ509961766

(一)打包

注意:打包前注意修改各种ip,例如http请求的ip,数据库连接ip,redis连接Ip等等,如果都是本机的话就是localhost,如果是云服务器就改成公网地址,内网就是局域网ip

vue打包就是cd进入user工程目录下,然后输入命令npm build就可以了,idea的话直接在terminal窗口输入npm build就可以

java后台打包直接用maven install打包就可以了,打成jar或者war包都可以部署

(二)部署

vue打包后会生成dist文件夹,里面有index.html 和static文件夹,把这个dist文件放到D盘根目录下

修改nginx里面的配置文件nginx.conf,端口默认8080,root路径改成D:\dist

// An highlighted block
server 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

珍妮玛•黛金

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值