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

已于 2022-03-02 21:30:36 修改
阅读量1.6w 收藏 16
点赞数 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一起暴富吧！

灵魂正愤青年
关注
  • 21
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 17
    评论
系统500错误方案
12-20
系统500错误方案系统500错误方案
Captcha-Image-Api:验证码
04-17
现在，您可以在应用程序中使用此验证码Api ，特别是不和谐机器人！ :white_circle: 服务24/7 :counterclockwise_arrows_button: :white_circle: 持续更新 :UP!_button: Link To API - 回复 { " answer_to_captcha " : " yg4UA2 " , " asked_query " : " yg4UA2 " , " credits " : " :copyright: Dhruv " , " font " : " arial.ttf " , " img_url " : " https://Captcha-Image-Api.dhruvnation1.repl.co/captchame/FkciuPXxCnJ5d9Dyg4UA2Dr6d4e5cPWla9A2eABEp0ZdSYs4bmFIVab5iCg " } Dhruv制造 :copyright: @Big men＃6142-不和谐
若依报500异常，只有前端没有后端
m0_55877024的博客
12-27 2681
若依报500异常，只有前端没有后端
接口500报错都有哪些问题导致？如何排查？
最新发布
wgy_BUG的博客
04-11 1634
HTTP 状态码 500 表示服务器内部错误。如果你在编写代码时 Web 应用遇到 500 错误，那么这通常意味着在服务器端执行代码时。
docker 安装 Tomcat Nginx 运行若依分离版-前端vue 持久化,验证码解决404 500
qq_34462698的博客
06-30 4838
安装jdk 安装Tomcat 慎用 docker pull tomcat 隐患极大 下载Tomcat 官网
若依运行出现后端接口连接异常（验证码出不来）
LeGuan_Ha的博客
08-07 3166
解决方法：修改.env.development在localhost:8080前加入http://我在写项目时遇见这个情况，本来运行正常，后来突然就出现后端接口连接异常。
若依项目的常见报错以及解决方案
热门推荐
小宝的宝呢的博客
02-24 2万+
目录 1，系统接口500异常 2，页面出不来 原因分析： 解决方案： 3，获取当前用户名失败 原因分析： 4，下拉框中的值无法选中 原因分析： 解决方案： 5，表单验证导致前端报错 原因分析： 解决方案： 6，required URL template variable 'name' for method parameter type String is not present... 7，net::ERR_CONNECTION_TIMED_OUT 8，提交时调用的方法名写错 .
若依接口500异常，前端分离
weixin_64908228的博客
03-14 6423
1
若依框架调试：遇到的问题及解决步骤
m0_57021623的博客
01-12 1万+
关于若依项目调试出现的问题： Hbiuld启动项目报如下错误： Proxy error: Could not proxy request /logout from localhost to http://localhost:81/. See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (ECONNREFUSED). 启动前端项目，报404异常。 系统接口404异常 初步断定是端口号
接口测试遇到500报错？莫慌，你的header可能有点问题！
力哥讲技术
05-16 5289
Cookie是远程服务端返回的识别用户身份信息，该信息存储在客户端，客户端每次进行操作时，会通过HTTP协议和服务器端进行Cookie的交互，验证身份信息正确才可交互成功（大多数需要登录后操作的接口上面会比较常见）。在日常进行接口测试过程中，我们都知道一个完整的接口HTTP请求一般包括四大部分：请求信息头、请求体、响应信息头、响应体、请求方式（post/get等）。设置前一个页面的地址，并且前一个页面中的连接指向当前请求，意思就是如果当前请求是在A页面中发送的，那么referer就是A页面的url地址。
若依服务器部署登录验证码不显示问题
wangmj518的专栏
12-30 2144
2、nginx配置问题，因为若依后台启动获取验证码的接口是带有 prod-api/captchaImage prod-api 或 dev-api 所以在配置nginx的时候需要将这两个的请求地址加上 代码如下。若依项目部署到服务器上后，发现后台登录的验证码不显示，可能会出现的问题有两点。1、服务器的redis没有开启或者项目启动没有链接上redis。
若依前后端分离项目部署文档（完整版）
04-07
若依是一套全部开源的快速开发平台，毫无保留给个人及企业免费使用。 前端采用Vue、Element UI。 后端采用Spring Boot、Spring Security、Redis & Jwt。 权限认证使用Jwt，支持多终端认证系统。 支持加载动态权限...
JAVA著名免费框架若依前后端分离项目详细部署文档
08-21
若依是一套全部开源的快速开发平台，毫无保留给个人及企业免费使用。 前端采用Vue、Element UI。 后端采用Spring Boot、Spring Security、Redis & Jwt。 权限认证使用Jwt，支持多终端认证系统。 支持加载动态权限...
Centos7 部署若依前后端分离项目
01-09
登录验证.附上完整的nginx配置文件 一、本地准备 1. 克隆项目到本地 git clone [email protected]:y_project/RuoYi-Vue.git 2. 前端项目 #进入前端项目 cd C:\Users\Administrator\Desktop\RuoYi-Vue\
Spring Boot+Vue前后端分离，如何避免前端页面 404
01-08
问题倒不难，但是这个问题之前被...但是在前后端分离中，页面的跳转统统交给前端去做，后端只提供数据，这种时候，权限管理不能再按照之前的思路来。 首先要明确一点，前端是展示给用户看的，所有的菜单显示或者隐藏
前后端分离+若依v3.8.5+后台管理
06-27
2023-6-27官网下载版本,v3.8.5
若依前后端分离验证码不显示或者报错redis无法连接
cicadaaaa的博客
01-29 1389
或者验证码图片加载不出来(也就是redis连接不上)可以看到并没有设置密码,但是依然成功启动。的时候没有用管理员权限打开终端。管理员权限打开终端, cd到。原因可能是在电脑上运行。
redis打开若依前端出现端口错误无法显示验证码
wytoo的博客
06-23 1893
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、付费专栏及课程。

余额充值