一次被Chrome“坑“了的奇怪登出bug解决

最新推荐文章于 2024-01-01 10:45:23 发布
原创 最新推荐文章于 2024-01-01 10:45:23 发布 · 566 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#chrome #canceling #abort #request

本文详细解析了一个在Chrome浏览器上出现的奇怪登出问题。该问题表现为应用在未执行任何登出操作的情况下自动登出。经过一系列排查，最终发现是由于Chrome浏览器在路由跳转时会取消尚未完成的请求所导致。

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

问题发现

我在调试一个功能时，发现总会莫名其妙的退出，但是后台并没有打印任何主动登出的日志。于是我问前端的同事是怎么回事，结果前端的同事也说并没有主动执行任何登出操作。
这个问题存活了一晚上+一上午。

解决过程

  1. 首先在后台注释了所有主动登出的代码，没有解决这个问题
  2. 更换浏览器，发现火狐和ie和edge浏览器，都没有此问题
  3. 我们发现更前版本（我们产品的版本）的也有此问题，但是没有人提出这个bug
  4. 在前端追踪代码发现是因为local storage被清空，导致进入index页面时获取不到已存储的用户token，从而登出。但是我们在所有会清空local storage的地方都加入了console.log()，都没有输出，从而我们认为并没有任何代码清空local storage
  5. 我们发现在判断语句为false时，依然能够进入if判断，但这个问题并没有解决当前这个问题
  6. 我们发现，local storage中存储的三条信息，只有两条被清空，另外一条没有任何清空的代码，而我们在多个地方的某种触发条件下，会清空另外两条信息。但是鉴于console.log()无效，我们使用alert()
  7. 我们发现在一个异常处有一个alter弹出
    在这里插入图片描述
  8. 我们在alert的地方添加短点，发现所有的登出前的请求都被浏览器cancel掉了，没有发出去，从而导致代码捕捉到了这个异常，清空了local storage中的两条信息
  9. 于是在网上搜索此问题在这里插入图片描述
  10. 最终确定这是chrome浏览器的一个bug，以下是Stack Overflow上的解答在这里插入图片描述
    这段话的翻译是：我们发现了一个很相似的问题就是chrome会取消请求，当用frames或者iframes来加载东西时，这个现象好像跟计算机的网络连接速度有关系。
  • 结论
    • chrome会在页面路由跳转的时候，abort所有正在进行的request
    • 如果在abort线程触发之前，request成功结束，则成功跳转
    • 如果在abort线程触发之后，request还没结束，那么abort线程将会终结这个request
    • 由于后台添加了很多接口，访问量增大，接口的返回速度变慢，所以大部分情况会是，在abort线程触发之后，还没有完成跳转。
    • 同时并行线程的先后完成顺序不可控，所依点击home按钮返回index页面，会不规律并 且大部分情况下，直接登出

所以，要注意chrome的abort机制，和js在判断语句为false时，依然能够进入true逻辑的问题

第10章 React应用测试
粉丝们务必加入微信粉丝群
08-19 83
, []);}, []);}, []);});});});});});});});});});});rerender();});});});测试策略遵循测试金字塔原则：更多单元测试，适量集成测试，少量E2E测试测试用户行为而非实现细节。
初级测试小宝典 测试流程，不能复现bug，开发不认为是bug级2020测试点的热点提问的回答
weixin_56447674的博客
06-28 1768
测试流程 软件测试的基本流程 1、需求阶段： 需求分析–需求评审–业务需求评级，绘制业务流程图 2、测试计划阶段：测试经理编写测试计划 3、测试设计阶段：各成员编写测试用例、先小组内评审、后会议评审 4、测试执行阶段：提测后，搭建QA环境，先执行冒烟测试，然后进行系统测试，提交bug，跟踪bug，直到被测软件达到测试需求要求，测试结束； 5、测试评估阶段：出测试报告，对整个测试过程和版本质量做一个详细评估，确认是否可以上线； 6、验收阶段：对测试结果进行验收，宣布测试阶段性结束； 7、文档归
[vue-router]关于我点击刷新会回到登录界面的问题
weixin_45259917的博客
11-22 4841
写vue-router出现的错误理解
待解决：vue后台项目，chrome重定向过多，跳转失败
NOyesNONO_的博客
05-24 1461
vue-element框架，启动后，使用localhost+端口方式，在chrome进行访问首页，自动跳转到了登录（此时无token，跳到登录是正常操作）。在输入用户名和密码之后，调登录接口成功了，但f12显示一直在重定向，页面也无法正常调转到首页。 同样的代码，使用ie打开没问题，使用ip+端口的方式打开也没问题。项目上线也很久了，使用正常。我这次是在此项目上进行新功能。 目前排查出来，是在调登录接口成功之后，token的处理有问题。因为只有在token不存在的时候才会一直跳到登录页面。 结合vuex使用
解决刷新页面回到登录页面
weixin_45849112的博客
08-19 6655
当前在 permission.js 路由拦截中是通过浏览器 localStorage 获取 token 值，但现在使用的Vuex状态管理，那我 们希望通过 store 来获取 token 状态值. 在 src\permission.js 中将获取 token 方式替换为从 store 状态中获取， 如下： 注意要import导入store 。。。 import store from './store' router.beforeEach((to, from , next) => { // 1.
chrome浏览器记录不住网站登录状态，退出后再打开就需要重新登陆的解决办法
最新发布
kxltsuperr的专栏
01-01 9220
1、chrome浏览器右上角三个竖的点，然后进入“设置”（Settings），选择“隐私与安全”（Privacy and security）3、 然后拉直最底部，有个“更多设置”（Additional content settings）4、拉至最底部，有个“将网站数据记录到本地设备”（On-device site data）chrome浏览器记录不住网站登录状态，退出后再打开就需要重新登陆，比较繁琐。2、选择“网站设置”（Site settings）6、重启浏览器，再次登陆各类网站，就可以了。
chrome浏览器的默认超时时间
stay hungry ! stay foolish!
04-10 2万+
浏览器的默认值是5分钟 相关代码地址如下：https://source.chromium.org/chromium/chromium/src/+/main:net/socket/client_socket_pool.cc;l=25 测试代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="
巧妙利用Chrome访客模式实现多用户登录
qq_44884577的博客
04-12 1948
巧妙利用Chrome访客模式实现多用户登录
emall自动退出的解决方法
10-30
标题中的“emall自动退出”指的是在使用名为“ecmall”的电子商务平台时，用户登录后系统会频繁地无故自动登出，导致无法正常浏览和操作。这种情况可能是由于多种原因引起的，包括但不限于以下几点： 1. **Cookie...
python遇到天猫反爬虫_selenium 淘宝登入反爬虫解决方案（亲测有效）
weixin_39743722的博客
12-06 2760
前言目前在对淘宝进行数据爬取的时候都会碰到，登入时的滑块问题，无论是手动还是脚本都不成功。这里的很重要一个原因是很多的网站都对selenium做了反爬虫机制。接下来是笔者参考网上的网友们的方法亲自测试的一个方法，希望可以帮助到大家。注意这里使用的浏览器是Chrome。所以使用的驱动也是chromedriver一，淘宝反扒js在淘宝登入页面加载的js中，可以看到怎么一行代码，如下图：上图的这一行代码...
Python-selenium-Firefox-chrome-IE问题解决方法
热门推荐
lcm_up的专栏
07-30 4万+
1.selenium.common.exceptions.WebDriverException: Message: 'ChromeDriver executable needs to be available in the path.
关于Centos安装Chrome浏览器时遇到的问题
Terio的博客
03-13 1222
目的：在云服务器Centos上安装Chrome浏览器(从未接触过vulkan之类) 根据linux(centos7) 上安装chrome和chromedriver的内容进行安装Chrome浏览器 当执行rpm -ivh google-chrome-stable_current_x86_64.rpm时，出现了错误： Failed dependencies: libX11-xcb.so.1()(64bit) is needed by google-chrome-stable-69.0.3497.81-1.x
【IDE】Chrome 在其他机器登陆 Google 账号，没有退出，怎么及时保证账号及数据安全？
tanpenggood
04-03 2649
Chrome 浏览器，再配合 Google 账号，确实给我们带来了很多方便，但是在多机器使用过程中，也留给了我们一些安全隐患！
chrome自动退出的原因_Chrome 70将让用户选择退出新的自动登录功能
cum43546的博客
09-30 3337
chrome自动退出的原因An upcoming Chrome option allows users to log into Google accounts without logging into the browser. The change was prompted by a backlash among users and privacy advocates. 即将推出的Chrome选项...
一个操作解决路由器WiFi网络不稳定经常断网的现象
pang9998的博客
03-28 2万+
工作环境(蓝色粗体字为特别注意内容) 1，系统环境：Windows 7系统 2，路由器：斐讯路由器 单位是公用的网络，每个桌子只有一根网线，并且需要使用账户密码进行登录之后才能够正常上网，而本人电子设备比较多，非常不方便，因此就在该网上接了一个路由器，组建一个私人的局域网，供我的各种电子设备上网。之前一直用的好好的，最近发现网经常不稳定，断断续续的，而且经常断开，经常弹出登录界面，很是苦恼，还...
input标签在谷歌浏览器记住密码下的一个自动填充BUG
AmberWu
03-13 6229
之前优快云的编译器有问题，所以 这里重新整理给大家。 bug已经在之前的文章里叙述得很清楚了，现在只整理下bug的解决方案。 例如我们有一个id为demoinput标签 ，我们暂且叫他”1号input” &lt;input type="text" class="demo" id="demo"&gt; 在“1号input”的上面加一个“2号input”，并给“2号input”加一个disp...
使用abort方法，终止正在进行中的的ajax请求
me_ting的博客
08-06 7465
在发送ajax请求的时候，可以手动设置请求超时时间：timeout  在请求过程中可以使用abort方法来终止请求： $(function () { var ajaxtest = $.ajax({　　 url: 'https://cnodejs.org/api/v1/topics?tab=good', //请求的URL ...
处理谷歌浏览器记住密码后 input默认填充值或者记忆列表功能
gaoqiang1112的博客
03-05 7038
百度许久 大家都推荐 这个地址的方法 https://blog.youkuaiyun.com/xw505501936/article/details/52129579 里面一共列举了5种方法 不过楼主依旧没有解决 还有 这2个方法 大家都可以试试 https://blog.youkuaiyun.com/qq_21794603/article/details/72817927 https://blog...
Chrome插件解决跨域调试问题的教程
解决跨域问题的方法有很多，而Chrome插件是其中的一种快速而便捷的手段。一般来说，解决跨域问题的方法包括： 1. 服务器端设置CORS头部： 在服务器响应头中添加`Access-Control-Allow-Origin`字段，指定允许哪些源...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值