代码改变世界

ruoyi前后端分离

2026-06-09 10:30  kirimi  阅读(22)  评论(0)    收藏  举报

记录一次java前后端分离的项目 之前打包成war包怎么也运行不了,后来灵机一动,war包不行我打包成jar包不就行了,一切顺利

1. 获取源码

git clone https://gitee.com/y_project/RuoYi-Vue.git

2. 数据库配置

#进入ruoyi目录
cd RuoYi-Vue
#编辑数据路配置
vim ruoyi-admin/src/main/resources/application-druid.yml
#更新数据库信息 数据库默认名字为 ry-vue
druid:
  url: jdbc:mysql://localhost:3306/ry-vue?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useSSL=true&serverTimezone=GMT%2B8
  username: root
  password: your_mysql_password

导入数据库数据

create database `ry-vue` character set utf8mb4;
mysql -uroot -p ry-vue <sql/ry_20260417.sql"
mysql -uroot -p ry-vue <sql/quartz.sql

3. Redis配置

vim ruoyi-admin/src/main/resources/application.yml
# 先下载并配置reids 然后修改reids连接
redis:
  host: localhost
  port: 6379
  password: 
  database: 0

4. 后端启动

cd RuoYi-Vue
yum install maven
#每次修改配置文件后都要执行mvn命令 重新生成jar包
mvn clean package
#生成的jar包在 ruoyi-admin/target/ruoyi-admin.jar

5. 前端启动

进入前端目录

cd ruoyi-ui
#下载npm nodejs
curl -fsSL https://rpm.nodesource.com/setup_20.x | sudo bash -
dnf install -y nodejs
yum install -y npm
# 安装依赖(首次运行需要)
npm install --registry=https://registry.npmmirror.com
# 前端打包
npm run build:prod
#前端打包的文件为 ruoyi-ui/dist

6. 部署服务

将后端和前端打包的文件分别发动到后端和前端服务器

  1. 后端配置
#下载对应的Java版本
yum install java-17-openjdk
#java -jar 运行jar包
  1. 前端配置(nginx代理)

/etc/nginx/cond.d/ruoyi.conf

server {
    listen       81;
    server_name  localhost;
    location / {
        #前端打包的文件地址
        root   /nginx/ruoyi;
        index  index.html index.htm;
        #伪静态必须加 
        try_files $uri $uri/ /index.html;
    }
  # API请求全部代理到后端服务器
    location /prod-api/ {
        #后端服务器地址
        proxy_pass http://192.168.148.176:8080/ ;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
    }
}