SpringBoot前后端分离项目，打包、部署到服务器详细图文流程_springboot前后端分离项目怎么部署

时间2024-07-20 10:54:35发布ongwu分类云计算浏览55

重新设置日志字符集（防止放到服务器上去之后日志出现乱码）

二、将源码压缩并上传服务器 1.上传前端文件提前在本地将完整的源码文件，压缩成.zIP格式在服务器上创建存放项目源码的文件夹（/workspace）通过xftp工具将打包好的前端项目源码上传到服务器对应文件夹下使用命令unzIP ruoyi-ui.zIP来解压项目源码使用命令rm -rf ruoyi-ui.zIP 删除原来的压缩文件使用命令cd ruoyi-ui/进入源码文件夹 2.上传后端文件（同上）三、前端项目打包 1.安装依赖使用命令cd ruoyi-ui/进入源码文件夹npm install --unsafe-perm --registry=https://registry.npm.taobao.org安装前端项目依赖（服务器必须安装node.js）--unsafe-perm 防止权限问题--registry=https://registry.npm.taobao.org 淘宝镜像源，国内速度更快 2.项目打包使用命令npm run build:prod打包完成后会生成一个dist目录（默认目录名为dist）

四、后端项目打包 1.项目打包（jar包）使用命令mvn package（需要服务器安装maven环境）使用命令cd target/进入到目录就能看到打好的jar包（这里的jar包是ruoyi.jar）将jar包拷贝到上级目录，防止target目录清理导致jar包丢失 2.项目打包（war包）修改pom文件

排除掉自带的Tomcat，这样才能部署到外置的tomcat

新增一个启动类，指向原有的启动类

将修改后的两个文件上传到服务器（上传对应文件并替换即可）使用命令mvn clean清理目录使用命令mvn package打war包使用命令cd target在这个目录就找到了war包五、部署前端项目 1.使用Nginx部署前端项目使用命令cd /usr/local/nginx/进入到nginx的目录

修改Nginx的配置文件（修改conf文件夹下的nginx.conf文件）将location位置的root后面跟的路径修改为前端项目打包后的文件地址

防止出现权限相关的问题，将文件开头的user修改为root

使用命令cd sbin/进入到对应目录使用命令./nginx启动nginx此时就可以在浏览器输入对应的IP 地址访问前端了六、部署后端项目 1.部署jar包方式在对应目录下使用命令nohup java -jar ruoyi.jar &后台运行后端项目此时的前端项目可能会依然报错404，这是因为前端和后端的地址没有关联起来重新在nginx.conf文件中配置代理

进入到nginx目录下重新加载一下nginx/usr/local/nginx/sbin/nginx -s reload此时重新访问前端项目，已经不会报错了恭喜你项目部署完成！ 2.部署war包方式 ps -aux | grep java查看当前java进程kill -9 进程号关掉进程定位到tomcat的文件夹下cd /usr/local/tomcat/将刚才打包好的war包放到webapps这个目录下cd webapps/后执行命令cp /root/workspace/ruoyi/ruoyi.war ./将war包拷贝到当前目录下启动tomcatservice tomcat start此时会有一个问题，直接访问 IP打开的是tomcat的主页，需要在原有的地址后加上/ruoyi才能访问到后端解决这个问题需要修改tomcat的配置，定位到tomcat文件夹下的conf目录中，找到server.xml新增一条配置信息，将原来的访问方式改为根目录访问