[已解决]若依 / RuoYi前后端分离项目部署-验证码无法显示、报错502 (Bad Gateway)

问题:

在跟着CodeSheep视频若依 / RuoYi前后端分离项目部署的时候,在按照官方文档修改了nginx.conf的以下代码,

并顺利启动了前后端,

但仍然无法显示验证码图片,并且报错502(Bad Gate)。

Request failed with status code 502

原因:

后端对应的8080端口未开放 / 被占用

解决:

8080未开放的情况:

开放后端对应的服务器防火墙,

systemctl stop firewalld

或者,使用firewalld命令开放8080端口,并将其设置为永久生效。

firewall-cmd --zone=public --add-port=8080/tcp --permanent
firewall-cmd --reload

然后再重新启动jar包。

java -jar ruoyi.jar

8080被占用的情况:

可能是因为已经启动了tomcat,tomcat默认使用8080端口,需要先把tomcat关闭,再启动jar包。

 service tomcat stop

成功:

### 若依管理系统去除验证码实现方法 #### 参数设置法 admin用户登录系统管理->参数设置->账号自助-验证码开关设置成`false`[^1]。 #### 修改前端和后端代码法 对于若依V3.8.2(前后端分离版本),可以通过修改前端和后端的相关文件来达到目的: ##### 前端调整 在`ruoyi-ui`项目>`src/views/`中定位至`login.vue`文件,将验证码开关属性设为`false`并注释掉涉及验证码展示与验证的部分代码。具体操作如下所示: ```vue <!-- login.vue --> <template> <!-- ...其他代码... --> <!-- <div v-if="captchaOnOff" class="identifyingCode"> <input type="text" placeholder="请输入验证码"/> <img :src="codeUrl" @click="getCode"/> </div> --> </template> <script> export default { data() { return { captchaOnOff: false, // 验证码开关改为false // ...其余data... }; }, methods: { /* getCode() { // 可选:移除此函数或保留但调用 this.codeUrl = `/captchas?time=${new Date().getTime()}` }, */ // ...其余methods... } } </script> ``` ##### 后端调整 前往对应路径下的`SysLoginService.java`文件内寻找负责处理登录逻辑的方法,同样地把有关于验证码校验的那一段程序加以注释即可完成改造工作。 ```java // SysLoginService.java 中的 login 方法片段 public AjaxResult login(String username, String password/* , String code, String uuid */) { // verifyCaptcha(code, uuid); // 注释此行以禁用验证码检验 // ...后续业务逻辑保持变... } ```
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值