若依前后端分离项目在宝塔Linux上部署,Vue3+SpringBoot版本
此文章为若依前后端分离项目的宝塔部署的步骤,用来记录部署的过程,供自己学习参考。
默认已经创建好服务器等前期工作。
1.前端
1.1前端配置修改
这是前端的项目结构展示,我们需要修改的是.env.production和vite.config.js文件。
首先我们进入.env.production文件,把VITE_APP_BASE_API = '/prod-api'修改为VITE_APP_BASE_API = ''http://IP:端口号/'',IP填服务器对应的ip,端口号一般为8080。
在vite.config.js文件中找到,target: 'http://localhost:8080',把'http://localhost:8080'改成与上一步的VITE_APP_BASE_API一样的地址。
改完配置后,进行前端的打包工作。有2种打包方式。
1.2前端打包方式
第一种打包方式:
在终端中输入npm run build:prod,回车运行进行打包。
第二种打包方式:
找到前端项目下的bin文件夹,先双击package.bat在弹出的框自动关闭后,再双击build.bat,当窗口弹出后等待打包,当窗口自动关闭后,回退到上一级目录,出现dist文件夹即为打包成功。
以下是dist文件夹中的文件。
2.后端
2.1后端需要修改的配置
在后端ruoyi-admin目录下找到application.yml和application-druid.yml文件。
首先在application.yml中将profile后的路径改为我们需要的路径,按照示例,这个项目的部署在linux上,所以需要配置为profile: D:/ruoyi/uploadPath。
在redis配置中,将host参数修改为服务器redis 的地址,如果redis设置了密码,则需要设置password参数。
将url: jdbc:mysql://localhost:3306/ry中的localhost改为数据库地址,ry改为你数据库的名字。把username和password改为你设置的。
2.2后端打包方式
在idea右边点击maven,双击项目下的clean,当clean结束后再双击package。当打包完成后,会生成一个jar文件。
到这一步,前后端打包的工作就已经完成了。
3.部署
3.1前后端上传
在宝塔linux面板中,上传前后端打包的文件dist和ruoyi-admin.jar。
假设是这样上传的。
3.2前端上线
点击添加站点。
在域名中填入自己的ip地址,根目录选择刚刚上传的dist文件夹,点击确定。
再点击Nginx,进行配置文件的修改。主要在以下的地方进行配置。
——————————————————————————————————————————
在完成配置后需要重启Nginx。
3.2后端上线

在同一个页面中选择Java项目,并进行添加。
项目路径设置为刚刚上传的后端打包文件地址,点击确定。
同时启动PHP项目和Java项目,即可通过IP+端口对项目进行访问。