掘金 后端 ( ) • 2024-06-16 11:25

前言

部署若依前后端分离项目时看了很多的文章,但是都没有很完整的,于是自己部署好了就写篇文章记录一下

若依地址:RuoYi-Vue: 🎉 基于SpringBoot,Spring Security,JWT,Vue & Element 的前后端分离权限管理系统,同时提供了 Vue3 的版本

后端部分:

运行sql

首先将这两个sql文件在自己项目数据库上运行

image.png

修改Redis配置

image.png

修改日志路径

修改路径为自己服务器的日志路径 image.png 打jar包,上传服务器 jar包位置为(RuoYi-Vue\ruoyi-admin\target\)

image.png

前端

安装依赖

npm install --registry=https://registry.npmmirror.com

打包

npm run build:prod

上传服务器 服务器nginx配置(重点)

location / {
      try_files $uri $uri/ /index.html;
      error_page 404 /index.html;
            
    }
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;
      proxy_pass http://localhost:1122/;

image.png

以上配置后就可直接访问前端绑定的域名