关于若依前后端分离登录页验证码不显示（接口500异常）问题

已于 2022-03-02 21:30:36 修改
阅读量1.9w 收藏 20
点赞数 21
文章标签： tomcat java 后端
于 2022-03-02 21:20:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_56014792/article/details/123240627
版权

今天在学习若依项目时，发现前端启动后，正常显示登录页，但是验证码不能显示，跳出报错提示接口500异常，所以特记录一下。
跟着视频学习的话，这个错误可以说很低级，因为我在运行前端时，将后端项目关闭了，验证码是后端生成的，所以不开启是显示不了的，所以在运行前端时，后端项目也要开启，这样问题就解决了！
自学道路漫长而孤独，欢迎大家一起交流学习，2022一起暴富吧！

若依实现短信验证码登录方式（前后端分离版）
猿小白的博客
11-24 420
本章教程，主要介绍如何在若依前后端分离版本实现短信登录登录方式。该框架默认情况下，只支持通过用户名+密码的方式进行登录。
若依前后端分离集成CAS详细教程
猿小白的博客
07-31 2225
若依前后端分离集成CAS详细教程
若依不显示验证码，错误500
weixin_48663978的博客
09-24 609
原因：防火墙阻挡了，用IEDA打开，右下角提示全点同意就可以了。
若依启动验证码500问题
iconiconicon的博客
10-29 338
上诉方法都没能解决我的问题，最后在stackoverflow看到了这样一个回答，因为我的环境和他一样，前端在wsl，后端在本地powershell启动，然后我把前端也改为在powershell里面启动，就正常了，目前不知道引起这个问题的原因是什么。后端启动成功，并且使用postman也能测试验证码接口，但是就是前后端联调无法成功，前端无法access后端接口。3. 查看端口是否被占用，这个其实不应该存在，后端端口被占用是无法启动的？尝试了网上很多的方法，如下，都没成功。
若依框架接口500异常
qq_62725148的博客
09-30 640
看了网上很多帖子都没啥用，昨晚刚好想到我因为端口冲突把8080改成了8888，但是前端接口没改，导致前后端连接不上。将后端接口改回8080或者改一下前端接口之后，就可以了。今天在调试若依框架的时候出现了下面这个异常。
若依框架放在服务器后台验证码出不来原因分析
weixin_40444253的博客
03-10 6623
若依后台框架验证码出不来分析
验证码不能显示解决方法
04-19
注册表的值。有时候打开网页时，验证码显示不了，可能是电脑里的配置需要改动。。。
若依（ruoyi）框架，前端网页启动出现系统500异常报错
Ryoukaxi的博客
07-19 3381
报错
windows Nginx上部署若依后台管理登录界面之验证码不显示
qq_39772439的博客
04-16 1169
大多数情况都是本地电脑Nginx部署正常，服务器Nginx部署验证码不显示。基本这里配置没问题，百分之九十九验证码正常显示了。其实是Nginx配置有问题。
redis打开若依前端出现端口错误无法显示验证码
wytoo的博客
06-23 2274
redis导致的连接未连接、二维码未显示问题已解决
若依框架前后端项目分离部署（验证码不显示原因解决步骤）
热门推荐
qq_33007465的博客
05-13 1万+
标题若依框架项目部署分为前端项目部署和后端项目部署。 一、后端项目部署（比较省略） 1、jar部署方式 将jar包放到文件的service目录下，使用命令行执行执行脚本。 2、war部署方式 ruoyi/pom.xml中的packaging修改为war，放入tomcat服务器webapps 二、前端项目部署 #打包正式环境 npm run build:prod #打包预发布环境 npm run build:stage tomcat部署 · 修改server.xml，Host节点下添加 · dist目录的文
系统500错误方案
12-20
系统500错误方案系统500错误方案
若依框架（前后端分离）增加手机号验证码登录
weixin_49564779的博客
09-01 1488
本文介绍了如何在若依框架的前后端分离版本中实现短信验证码登录功能，详细描述了后端生成验证码、发送短信、验证验证码的代码实现，以及前端如何配合完成登录操作。这为项目增加了更安全的登录方式，适用于需要提升用户认证安全性的系统。
若依前后端分离项目启动到登录页面后报系统接口404异常
m0_54849873的博客
02-23 1万+
若依前后端分离项目启动到登录页面后报系统接口404异常 相信少部分铁汁们也会遇到如下图令人不知所以的bug： 具体而言就是验证码出不来，笔者在ruoyi开发社区gittee上看了许多评论，但都没有解决问题的方案。 后来，无意中在某博主的话中得到灵感——若依框架代码本身是没有问题的，所有bug几乎都出在运行环境上。 因此，我想到自己好像因为端口被占用改过后端application.yml文件里的端口配置，就是下图这个位置： 以前默认port是8080； 无奈我只有找到占用8080的端口并强行关闭了那个服
若依前后端分离项目部署遇到：Handler dispatch failed； nested exception is java.lang.InternalError
最新发布
猿小白的博客
11-22 27
在centos7.6操作系统上，部署若依前后端分离项目，在请求验证码接口的时候遇到后端报错：Handler dispatch failed;
若依前后端分离项目启动登录页面验证码没有加载出来，显示系统接口404异常
一学习就瞌睡的博客
05-11 3327
若依前后端分离项目启动登录页面验证码没有加载出来，显示系统接口404异常，一个很憨的原因
若依接口500异常，前端分离
weixin_64908228的博客
03-14 8552
1
若依服务器部署登录验证码不显示问题
wangmj518的专栏
12-30 4994
2、nginx配置问题，因为若依后台启动获取验证码的接口是带有 prod-api/captchaImage prod-api 或 dev-api 所以在配置nginx的时候需要将这两个的请求地址加上 代码如下。若依项目部署到服务器上后，发现后台登录的验证码不显示，可能会出现的问题有两点。1、服务器的redis没有开启或者项目启动没有链接上redis。
若依前后端分离项目添加微信小程序登录接口代码
05-13
要实现前后端分离项目中的微信小程序登录接口，你需要完成以下步骤： 1. 在微信公众平台上，注册并创建一个小程序，并获得小程序的 AppID 和 AppSecret。 2. 在前端代码中编写小程序登录逻辑，获取用户的登录凭证 code，然后将 code 传递到后端。 3. 在后端代码中，使用传递过来的 code 调用微信提供的 API，获取用户的 OpenID 和 Session Key。 4. 后端将用户的 OpenID 和 Session Key 存储到数据库中，并生成一个 Token 返回给前端。 5. 前端将 Token 存储到本地缓存中，以便后续的请求中携带 Token。 6. 后续的请求中，前端需要在请求头中携带 Token，后端根据 Token 鉴权，判断用户是否登录。 以下是一个示例的后端代码（使用 Flask 框架实现）： ```python from flask import Flask, request, jsonify import requests import json app = Flask(__name__) @app.route('/login', methods=['POST']) def login(): code = request.json['code'] appid = 'your_appid' secret = 'your_secret' url = f'https://api.weixin.qq.com/sns/jscode2session?appid={appid}&secret={secret}&js_code={code}&grant_type=authorization_code' resp = requests.get(url) data = json.loads(resp.text) openid = data.get('openid') session_key = data.get('session_key') # 将 openid 和 session_key 存储到数据库中 # ... token = generate_token(openid) return jsonify({'token': token}) @app.route('/protected', methods=['GET']) def protected(): token = request.headers.get('Authorization') if verify_token(token): # 鉴权通过，执行业务逻辑 # ... return jsonify({'message': 'success'}) else: return jsonify({'message': 'unauthorized'}), 401 def generate_token(openid): # 生成 Token # ... return token def verify_token(token): # 验证 Token # ... return True ``` 在上述代码中，`/login` 接口用于处理小程序登录请求，`/protected` 接口用于处理需要鉴权的请求。你需要根据自己的业务逻辑进行相应的修改。
评论 17
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值