【已解决】使用token登录机制，token获取不到，blog_list.html界面加载不出来

于 2024-05-29 22:10:52 发布
阅读量1.3k 收藏 6
点赞数 13
分类专栏： 异常及解决方案记录 文章标签： html springboot 项目 异常
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/moteandsunlight/article/details/139306245
版权

Bug产生

今天使用token完成用户登录信息的存储的时候被卡了大半天。
因为登录的功能写的已经很多了，所以今天就没有写一点验一点，而是在写完获取博客列表功功能，验证完它的后端后，了解完令牌的基本使用以及Jwt的基本使用方式——生成Key签名—>生成令牌环–>解析令牌环—>校验令牌环，直接写登录的前后端代码，一起做的验证，这一试可把试到快怀疑人生了！
好嘛，在浏览器登录，输完用户名密码，直接输入框清空，自己刷新了一下，连blog_list.html界面都进不去了！我整个人就是呆住的状态…

尝试解决思路

1.首先就是怀疑前后端交互的问题（因为我后端已经验证过了，正确的和错误的），接着就是在控制台的js代码上打断点调试。在这里插入图片描述
当时就是一整个满心期待的看着localStorage.setItem本地存储设置成功，对应的code已经为200了，马上就要跳转页面了，还以为之前是没触发这个跳转的代码，可是马上被打脸，直接又是清空（疑似就是强制登录，又重定向到了blog_login.html界面），不死心，反复又调试了几次发现现象还是这样。===》查看拦截器的配置代码
2. 此时来带到后端代码这里，一开始仍然觉得没有问题，这里与我之前书香阁做的强制登录的代码写的是一样的，对于静态html页面都是只放行登录界面（此时还没有做注册功能）。但是后来反反复复看前端代码，看后端代码，看抓包结果（发现此时获取不到blog_list.html界面），尝试着放行了所有的html界面，果然可以了在这里插入图片描述
对于这个现象，我自己的思考是，原来的书香阁的拦截器代码之所以可以只设置login.html这一个静态页面放行，是因为那里的登录机制使用的是session，session会当我们登录完之后，赋值之后，session是header里边默认有的KV，执行到success部分，尝试跳转时，请求对应的html资源，header里边会有session就能通过拦截器。
但是我们这里不一样，我们使用的是token，虽然可以在每次请求发送前进行包装，自定义一个键值对，并把它添加到header里边，但是这里的common.js是在请求发起时才能执行到，是页面已经加载出来了才能添加，目前我们连骨架html都没有，根本就没可能走到这一步，所以这个项目的html必须全部放行！！！！在这里插入图片描述
本来以为到这问题就结尾了，就想着做最后一次验证，看后端打印的获取的token日志是否有且不为空，诡异的事情又发生了！在这里插入图片描述
我前端已经加载出页面了，但是打印不出来token???
3. 这里我就先考虑了缓存的问题，因为我实在想不出前后端代码都“正确”的前提下，（排除数据库问题，另外此处也不涉及配置的问题）除了缓存还有其他问题会导致我打印不出来变量值的日志，idea，后端，浏览器全部清理，然而，并没有卵用。。。
对着发呆了一会之后，我尝试多加几条打印日志之后发现：有了！
在这里插入图片描述
再次尝试修改，为+号后，发现下边那方式也能打印出来token了。

在Java中，log.info(“获取token:”,userToken);和log.info(“获取token:”+userToken);的区别在于：
log.info(“获取token:”,userToken);：这种方式使用了参数化日志，它可以避免字符串连接的性能损耗。日志框架会在运行时将userToken的值插入到日志消息中。这种方式更加高效，特别是在需要记录大量日志时。
log.info(“获取token:”+userToken);：这种方式通过字符串连接将userToken的值添加到日志消息中。这可能会导致性能损耗，因为每次调用log.info()时都需要创建一个新的字符串对象。在需要记录大量日志时，这种方式可能会影响性能。
总结：使用log.info(“获取token:”,userToken);方式更加高效，尤其是在需要记录大量日志时。

最终解决办法心得体会

  1. 当使用token作为登录机制时放行所有静态文件
  2. 当打印日志时，最好使用+而不是，方便看效果
安苒_
关注
  • 13
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
httpReadJson_Android直接加载网络json文件读取数据.zip
06-11
在Android开发中，有时我们需要从服务器获取数据来更新或展示在应用的用户界面中。一个常见的数据格式是JSON（JavaScript Object Notation），它轻量级、易于解析且被广泛用于Web服务之间的数据交换。本教程将详细...
后台获取不到请求头中token信息的解决方法
weixin_45151960的博客
11-03 8331
项目要做单点登录功能，于是在shiro的基础上加入了自定义的Filter，使用JWT自定义生成和校验token信息。功能写好后自己在postman中测试了效果，将token放在Headers中请求后台接口（如下图，还没发现问题），结果是测试成功开心的告诉前端可以对接了。过了一会，前端说接口一直返回token为空的错误信息。然后我就开始debug测试，发现前端发来请求头中确实没有找到token，但是Network。
前端发送请求，明明登录进去了，为什么获取用户信息不行，后端总是识别不到token——跨域的问题
CXYCMY的博客
02-25 837
配置跨域，crosConfig版本
springSerurity获取不到登录之后获取不到header中的token token值为null
qq_41823577的博客
06-15 2945
最近学习做一个springcloud的项目，使用srpingSerurity 作为权限框架。测试的时候第一步就报了错，在登录成功之后springSerurity会将用户信息以keyvalue的形式帮我放到redis中，key为jwt生成的token
如何获取登录token值_【分享】如何获取变量token的值
weixin_31504783的博客
01-26 2万+
一.什么是token客户端使用用户名跟密码请求登录服务端收到请求，去验证用户名与密码验证成功后，服务端会签发一个 Token，再把这个 Token 发送给客户端客户端收到 Token 以后可以把它存储起来，比如放在 Cookie 里或者 LocalStorage 里，客户端每次向服务端请求资源的时候需要带着服务端签发的 Token服务端收到请求，然后去验证客户端请求里面带着的 Token，如果验证...
postman测试带token验证的接口，解决token为空问题
青及笄经验分享
10-20 1万+
postman测试带token验证的接口，解决token为空问题
springboot241基于SpringBoot+Vue的电商应用系统的设计与实现.zip
最新发布
06-23
4. 订单系统：用户可以生成订单、支付订单，后台可跟踪订单状态，包括待支付、已支付、待发货、已发货、已完成等状态。 5. 支付集成：集成第三方支付接口，如支付宝、微信支付，提供安全的在线支付方式。 6. 评论...
reading-list:API为我的网站上的阅读列表提供动力
04-17
在阅读列表的上下文中，JavaScript通常用于处理用户交互，如添加、删除或标记文章为已读，以及动态加载和更新列表内容，无需刷新整个页面。JavaScript还可以通过AJAX（异步JavaScript和XML）与服务器通信，实现数据...
互联网高频Java后端面试题20道（适合1~3年）V1.0.58.docx
01-30
配置服务器存储配置信息，客户端通过配置中心获取配置并在应用启动时加载。 问题 19：请解释什么是 JWT（JSON Web Token），以及它在身份验证中的作用。答案：JWT 是一种安全的身份认证和授权机制，通过数字签名...
Django后端分离 使用element-ui文件上传方式
12-17
在本文中，我们将探讨如何在Django后端分离的架构中使用Element-UI进行文件上传。Element-UI是一个基于Vue.js的组件库，提供了一系列美观的界面元素，其中包括文件上传功能。以下是一些关键知识点： 1. **Element-...
APP 登录token值
08-15
APP登录时产生token值，存在Redis中，数据库MySQL，maven，Redis需要自己配置非常简单，有注解，特别菜的，就别下载了，你不会用，技术牛逼也绕开，适合初级程序员
最新boss直聘 __zp_stoken__ 生成
qq_57325259的博客
02-27 2787
某直聘，逆向，补环境
若没有token，需要跳转到登录页面怎么做
qq_52181663的博客
07-21 1222
2、在路由配置文件的全局前置导航守卫中做：（在跳转页面之前，若检查到没有token）1、在封装的axios请求中的请求拦截器中做：(在数据请求发送之前判断)
解释token及Authorization
热门推荐
weixin_41917467的博客
11-24 3万+
header里面放Authorization，就是为了验证用户身份，现在前后端分离，有跨域问题，session经常会失效 所以使用了token来验证用户身份（目前只知道可以用于验证用户身份） token和session拥有同一功能就是判断当前用户是不是之前登录了的用户 比如你登陆后，在同一浏览器不同页面打开同一网址，你想跳过登录环节 这时候因为跨域问题，发送给后台的session会是一个新的ses...
解决并发请求下刷新多个token的问题
qq_42274445的博客
05-21 1622
使用redis加锁实现，拿到锁的线程进行token刷新，拿不到锁的线程跳过token刷新 具体实现 /** * 刷新AccessToken */ private boolean refreshToken(String uid,String account, ServletResponse response) { Boolean lock = JedisUtil.getLock(account);//获取锁 if(lock){
记录一个前端登录以后，登录当时获取token有值但是之后再次请求时token就获取不到的bug
m0_49194578的博客
09-29 2343
登录时的代码 login({ commit }, userInfo) { const { username, password } = userInfo return new Promise((resolve, reject) => { login({ username: username.trim(), password: password }).then(response => { console.log(response) co
springboot拦截器无法获取token值的问题
cacheaads的博客
10-17 2446
springboot拦截器无法获取token值的问题问题描述导致该问题的原因解决办法 问题描述 前后端分离项目使用token进行登录及接口校验，出现在后端拦截器中无法获取前端请求头中的token值，导致所有前端请求校验无法通过 导致该问题的原因 浏览器在发送请求时会默认先发送一次类型为’option’且不带任何参数的请求，请求成功后才会发送真正的Post或者get请求，简单说明一下什么是optio...
Token高并发解决方案
过去过去，未来未来，当下永恒！
01-05 2402
Token高并发解决方案 一：作为token使用的第三方 客户端模式使用token 可以采用单例模式或定义一个全局变量isRefresh 标志，加同步锁Synchronized来保证token过期的那个时间点，刷新token方法只被调用一次。 二：作为token服务器端： 后端方案：利用 Redis 缓存 当同时发起多个请求时，第一个接口刷新了 Token，后面的请求仍然能通过请求，且不造成 Token 重复刷新。那么，后端在用户第一次登录时，需要将生成的 Token 数据（token 和 createTi
这是上题的代码：def infix_to_postfix(expression): precedence = {'!': 3, '&': 2, '|': 1, '(': 0} op_stack = [] postfix_list = [] token_list = expression.split() for token in token_list: if token.isalnum(): postfix_list.append(token) elif token == '(': op_stack.append(token) elif token == ')': top_token = op_stack.pop() while top_token != '(': postfix_list.append(top_token) top_token = op_stack.pop() else: # operator while op_stack and precedence[op_stack[-1]] >= precedence[token]: postfix_list.append(op_stack.pop()) op_stack.append(token) while op_stack: postfix_list.append(op_stack.pop()) return ' '.join(postfix_list) class Node: def __init__(self, value): self.value = value self.left_child = None self.right_child = None def build_expression_tree(postfix_expr): operator_stack = [] token_list = postfix_expr.split() for token in token_list: if token.isalnum(): node = Node(token) operator_stack.append(node) else: right_node = operator_stack.pop() left_node = operator_stack.pop() node = Node(token) node.left_child = left_node node.right_child = right_node operator_stack.append(node) return operator_stack.pop() def evaluate_expression_tree(node, variable_values): if node.value.isalnum(): return variable_values[node.value] else: left_value = evaluate_expression_tree(node.left_child, variable_values) right_value = evaluate_expression_tree(node.right_child, variable_values) if node.value == '!': return not left_value elif node.value == '&': return left_value and right_value elif node.value == '|': return left_value or right_value expression = "!a & (b | c)" postfix_expression = infix_to_postfix(expression) expression_tree = build_expression_tree(postfix_expression) variable_values = {'a': True, 'b': False, 'c': True} result = evaluate_expression_tree(expression_tree, variable_values) print(result)
06-12
好的，感谢提供代码。以下是针对你的问题的解答： 1. 打印二叉树构造过程 在 build_expression_tree 函数中，operator_stack 列表存储了构建二叉树的过程。我们可以在函数中添加打印语句来查看二叉树构建过程。 代码如下： ``` def build_expression_tree(postfix_expr): operator_stack = [] token_list = postfix_expr.split() for token in token_list: if token.isalnum(): node = Node(token) operator_stack.append(node) else: right_node = operator_stack.pop() left_node = operator_stack.pop() node = Node(token) node.left_child = left_node node.right_child = right_node operator_stack.append(node) # 打印二叉树构建过程 print([i.value for i in operator_stack]) return operator_stack.pop() ``` 在运行 build_expression_tree 函数时，将会打印出二叉树构建过程。 2. 打印后缀表达式和二叉树后序遍历序列 在函数 infix_to_postfix 中，postfix_list 列表存储了后缀表达式。我们可以在函数返回后缀表达式的同时，打印出后缀表达式。 代码如下： ``` def infix_to_postfix(expression): precedence = {'!': 3, '&': 2, '|': 1, '(': 0} op_stack = [] postfix_list = [] token_list = expression.split() for token in token_list: if token.isalnum(): postfix_list.append(token) elif token == '(': op_stack.append(token) elif token == ')': top_token = op_stack.pop() while top_token != '(': postfix_list.append(top_token) top_token = op_stack.pop() else: # operator while op_stack and precedence[op_stack[-1]] >= precedence[token]: postfix_list.append(op_stack.pop()) op_stack.append(token) while op_stack: postfix_list.append(op_stack.pop()) # 打印后缀表达式 print(f"后缀表达式：{' '.join(postfix_list)}") return ' '.join(postfix_list) def build_expression_tree(postfix_expr): operator_stack = [] token_list = postfix_expr.split() for token in token_list: if token.isalnum(): node = Node(token) operator_stack.append(node) else: right_node = operator_stack.pop() left_node = operator_stack.pop() node = Node(token) node.left_child = left_node node.right_child = right_node operator_stack.append(node) # 打印二叉树构建过程 print([i.value for i in operator_stack]) return operator_stack.pop() expression = "!a & (b | c)" postfix_expression = infix_to_postfix(expression) expression_tree = build_expression_tree(postfix_expression) # 打印二叉树后序遍历序列 print("二叉树后序遍历序列：", end="") def postorder(node): if node: postorder(node.left_child) postorder(node.right_child) print(node.value, end=" ") postorder(expression_tree) print() ``` 在运行程序时，将会先打印出后缀表达式，然后是构建二叉树的过程，最后打印出二叉树的后序遍历序列。 3. 打印二叉树评估过程 在 evaluate_expression_tree 函数中，我们可以添加打印语句来查看二叉树评估的过程。 代码如下： ``` def evaluate_expression_tree(node, variable_values): if node.value.isalnum(): return variable_values[node.value] else: left_value = evaluate_expression_tree(node.left_child, variable_values) right_value = evaluate_expression_tree(node.right_child, variable_values) if node.value == '!': result = not left_value elif node.value == '&': result = left_value and right_value elif node.value == '|': result = left_value or right_value # 打印二叉树评估过程 print(f"节点 {node.value} 的值为 {result}") return result expression = "!a & (b | c)" postfix_expression = infix_to_postfix(expression) expression_tree = build_expression_tree(postfix_expression) variable_values = {'a': True, 'b': False, 'c': True} result = evaluate_expression_tree(expression_tree, variable_values) print(result) ``` 在运行程序时，将会先打印出后缀表达式，然后是构建二叉树的过程，接着会打印出二叉树评估的过程。 4. 显示公式真值表 可以通过遍历变量的所有取值，来计算表达式的真值表。 代码如下： ``` expression = "!a & (b | c)" postfix_expression = infix_to_postfix(expression) expression_tree = build_expression_tree(postfix_expression) # 遍历变量的所有可能取值 variable_values = {'a': True, 'b': False, 'c': True} variable_names = list(variable_values.keys()) print(" ".join(variable_names), expression) for i in range(2**len(variable_names)): values = [bool(int(x)) for x in bin(i)[2:].zfill(len(variable_names))] variable_values = dict(zip(variable_names, values)) result = evaluate_expression_tree(expression_tree, variable_values) print(" ".join([str(int(x)) for x in values]), int(result)) ``` 在运行程序时，将会先打印出后缀表达式，然后是构建二叉树的过程，接着会打印出真值表。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值