本章教程,主要介绍一下,如何将若依前后端分离项目(RuoYi_Vue)发布到线上(Linux版本),在你阅读之前,希望你可以将若依前后端分离项目在本地环境中运行,确保项目能在本地环境中顺利运行起来。
为了能够顺利的把项目运行起来,需要在Linux服务器上提前安装好以下环境。
本教程基于Linux Ubuntu搭建部署
JDK >= 1.8
MySQL >= 5.7
Redis
Nginx
(1)修改配置信息
(2)后端打包方式
mvn clean package -Dmaven.test.skip=true
结果会在rouyi-admin模块下的target目录下生成一个ruoyi-admin.jar
2、项目前端打包
只需要运行一行命令就可以打包你的应用,在前端目录(ruoyi-ui)中执行
# 打包正式环境
npm run build:prod
# 打包预发布环境
npm run build:stage
或者你也可以运行项目里面的脚本进行打包(默认执行的是npm run build:prod)
打包完成之后,会在当前目录中生成一个dist目录,这个就是我们打包后的前端包
三、项目部署阶段
1、上传文件首先将ruoyi-admin.jar 和 dist 文件夹上传到服务器中,同时也需要将SQL文件传上去,须记住上传路径
2、创建数据库,执行SQL脚本
① 创建项目数据库注意:数据库名称一定要和后端的连接数据库名称一致哦
create database ruoyi default character set utf8mb4 collate utf8mb4_bin;
② 执行SQL脚本
use ruoyi;
source /上传路径/ry_20230706.sql;
source /上传路径/quartz.sql;
show tables;
3、启动redis服务
# 启动 redis
sudo service redis-server start
# 检查 redis 是否已经成功启动
sudo service redis-server status
4、启动nginx服务
sudo /etc/init.d/nginx start
5、启动后端服务通过以下命令后台启动
java -jar ruoyi-admin.jar &
6、启动前端服务前端服务,主要是进行nginx配置首先进入到nginx配置目录
cd /etc/nginx
7、然后编辑配置文件
vim nginx.conf
8、修改nginx配置文件
server {
# 1、vue项目端口
listen 80;
server_name localhost;
charset utf-8;
location / {
# 2、打包的文件路径
root /usr/local/project/ruoyi/ruoyi-ui/dist;
try_files $uri $uri/ /index.html;
index index.html index.htm;
}
location /prod-api/{
proxy_set_header Host $http_host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header REMOTE-HOST $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
# 3、后端项目访问地址
proxy_pass http://localhost:8080/;
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root html;
}
}
9、编辑完成之后,重启启动以下nginx服务
systemctl restart nginx
四、项目预览
阶段至此,整个流程就部署完成了,过程中如果没有出现任务,直接通过服务器IP接口访问。
http://你的服务器IP地址/login