若依前后端分离部署(二级域名+反向代理+负载均衡)

在使用若依框架进行二次开发时,通过Nginx进行域名转发并设置二级目录。前端修改入口地址和退出登录页,打包后将dist文件夹上传至服务器。后端通过maven打包jar文件。Nginx配置包括静态文件路径、防404设置和error_page配置。若需域名代理和负载均衡,进一步配置proxy_pass和upstream。最后启动后端服务,通过nginx日志查看负载均衡效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前言:

最近使用若依前后端进行二次开发,在部署时遇到了一些问题,在此记录一些经验(仅记录学习和供参考,如果错误请指正,谢谢)


问题描述

由于服务器使用Nginx转发域名请求,无法使用根目录,于是在前端加入了二级目录,修改部分如下图:

在这里插入图片描述

这里是前端入口地址,例如你的是localhost:8080/admin/

在这里插入图片描述

这里修改的是退出登录后的页面

index.js

修改完之后就是打包部署了,前端打包在控制台输入npm run build:prod,打包完成后将项目目录里的dist文件夹复制到服务器目录下

在这里插入图片描述

后端则通过maven打包,将ruoyi-admin文件夹下的ruoyi-admin.jar复制到服务器

在这里插入图片描述

接下来是Nginx的配置,打开nginx.conf,加入以下配置

![在这里插入图片描述](https://img-blog.csdnimg.cn/0a80d953855d463e926363ef0cbb4308.jpeg

location的作用,alias后面是前端文件路径,表示静态文件通过该ip端口下的/admin进行访问,try_files配置作用是防止页面刷新导致的404,index配置表示前端入口为index.html。
error_page作用为页面发生异常时所展示页面。

由于需要通过域名代理,所以在域名绑定的server里加入以下配置,此时proxy_pass
http就是上图的ip和端口,以及加入prod-api的配置,防止前端就着域名请求后端访问不存在

在这里插入图片描述
在这里插入图片描述

如果需要做负载均衡的加入以下配置,分别是两个节点的ip:端口,可自主配置权重

在这里插入图片描述

nginx.conf配置修改完成后保存,重启Nginx,进入/nginx/sbin文件夹,命令为nginx -s reload

最后通过 nohup java -Dserver.port=23080 -jar ./ruoyi-admin.jar> nohup.out 2>&1 & 启动后端项目

可以通过观察nginx的访问日志来看负载均衡的结果

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值