阿里云部署React Springboot前后端分离项目
首先在阿里云下载并配置好nginx环境,下载JDK
后端springboot使用的是maven管理

双击package,即可将项目打包

将生成的jar包使用软件发送到阿里云服务器,我这里使用的是MobaXterm软件

将前端React项目打包
打包前在package.json文件中加一句

控制台执行npm run build
生成build文件夹

将文件夹上传到阿里云服务器中与springboot打包文件放在同一个目录下

找到nginx.conf文件并修改如下:


修改完成后进入sbin目录中重启nginx服务

命令:
./nginx -s reload
后端部署
用nohup守候进程方式运行jar包,命令如下:
nohup java -jar xxxxx.jar >temp.log 2>&1 &
此命令,指定了jar运行的日志输入方式。
前后端分离的spingboot+vue/react工程部署完毕。
但还存在一点问题就是,需要在阿里云的配置规则中开放访问端口

根据自己的代码配置规则

完成后访问阿里云ip地址+端口号即可
如:
xxx.xxx.xxx.xxx:80
本文详细介绍了如何在阿里云上部署React前端和Springboot后端的分离项目。首先,配置好nginx和JDK环境,然后通过maven打包Springboot应用,并使用MobaXterm上传到服务器。接着,对React项目执行`npm run build`生成build文件夹,同样上传到服务器。在nginx.conf中配置代理规则,重启nginx服务。最后,通过nohup命令后台运行Springboot jar包,并确保阿里云安全组开放相应端口。至此,完成前后端部署,通过访问阿里云IP和端口即可查看应用。

5355

被折叠的 条评论
为什么被折叠?



