打包前后端项目并部署至服务器

本文详细介绍了如何打包前端和后端项目,包括使用npmrunbuild命令打包前端项目,通过maven的clean和package命令处理后端项目。接着,将打包后的项目上传到服务器,并提供了两种方式启动jar包,确保服务在后台持续运行。然后,文章讲解了Nginx的配置、重启以及防火墙和安全组的设置,以便于访问项目。
摘要由CSDN通过智能技术生成

1、打包前端项目

打包命令:npm run build

执行完命令后,会生成一个名为 dist 的文件夹,这个就是打包好的前端项目。
打包好的前端项目

2、打包后端项目

2.1、执行 maven 的 clean ,删除项目编译创建的 target 文件夹
2.2、执行 package,将项目打包至 target 文件夹下

打包后端项目

3、将打包好的前后端项目,上传至服务器

3.1、连接服务器

连接服务器

3.2、在根目录创建文件夹,并上传打包好的前后端项目

上传前端后包

3.3、启动 jar 包
第一种:java -jar xxx.jar

这种方式是直接运行jar包,当你关闭远程连接时,它就被关闭了,相当于这个进程被杀死了。

第二种::nohup java -jar xxx.jar &

在服务器上想要让一个 jar 包一直处于运行状态,需要让其在后台启动。

4、配置 Nginx

没有安装 Nginx 的,可以点击链接去安装 Nginx。

4.1、执行命令,去配置 nginx.conf

执行命令:vim /usr/local/nginx/conf/nginx.conf

nginx.conf配置

4.2、重启 Nginx

执行命令:/usr/local/nginx/sbin/nginx -s reload

4.3、设置防火墙,将刚才 nginx.conf 配置的端口对外暴露

执行命令:firewall-cmd --zone=public --add-port=8081/tcp --permanent

4.4、重启防火墙

执行命令:systemctl restart firewalld.service
在这里插入图片描述

4.5、在你的服务器中,对安全组进行配置

安全组配置

5、访问项目

在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值