原因

使用window.location.href或导航栏输入URL进行页面跳转时,浏览器会完全刷新页面,这会导致当前的JavaScript上下文被清空。

重新执行app.tsx或index项目初始化文件，导致Keycloak被重新初始化，触发keycloak再次登录导致页面刷新。

而点击切换页面(如通过路由库 react-router或vue-router)通常是单页应用(SPA)的行为,页面不会刷新,JavaScript上下文和存储状态会被保留,因此不会出现退出登录的问题。

解决方法:

使用前端路由(如react-router的useNavigate或history.push)代替window.location.href,避免页面刷新。

import { history, type IRoute } from '@umijs/max';
// window.location.href = '/user/detail/' ;
history.push('/user/detail/')

同时不指定具体重定向界面，可以达到redirect_uri历史的作用

 const authenticated = await keycloak.init({
            onLoad: 'login-required',               //初次登录
            redirectUri: window.location.href,    //登录后重定向页面
        });
# 前端 # html # reactjs # vue.js
Logo
火山引擎 ADG 社区

火山引擎开发者社区是火山引擎打造的AI技术生态平台，聚焦Agent与大模型开发，提供豆包系列模型（图像/视频/视觉）、智能分析与会话工具，并配套评测集、动手实验室及行业案例库。社区通过技术沙龙、挑战赛等活动促进开发者成长，新用户可领50万Tokens权益，助力构建智能应用。

更多推荐

Chess用户界面设计：Tailwind CSS样式系统和组件库

GitHub推荐项目精选中的ch/chess是一个类似chess.com的多人在线象棋平台，它采用现代化的前端技术栈构建，尤其在用户界面设计上通过Tailwind CSS样式系统和组件库实现了优雅且功能丰富的交互体验。本文将深入探讨该项目如何利用Tailwind CSS打造一致的设计语言和高效的组件系统，为象棋爱好者提供沉浸式的游戏界面。## 🎨 Tailwind CSS样式系统：构建统一视

avatar 火山引擎 ADG 社区

终极指南：GPT-Engineer如何通过AI自动发现代码问题并提升质量

GPT-Engineer是一款强大的AI驱动代码工具，它能帮助开发者自动检测潜在代码问题、优化代码质量，让编程效率提升3倍以上。无论是新手还是资深开发者，都能通过这款工具轻松发现代码中的隐藏缺陷，减少调试时间，释放更多精力在创造性工作上。## 一键发现代码问题：GPT-Engineer的AI审查魔力GPT-Engineer的核心能力在于其内置的智能代码分析系统。通过集成Python代码格式

avatar 火山引擎 ADG 社区

SatDump中的纠错编码技术：从RS码到Turbo码的完整实现指南

在卫星数据传输过程中，信号往往会受到各种干扰，导致数据错误。SatDump作为一款通用卫星数据处理软件，集成了多种先进的纠错编码技术，确保从卫星接收到的数据能够准确解码。本文将深入解析SatDump中从Reed-Solomon（RS）码到Turbo码的实现细节，帮助读者理解这些技术如何保障卫星通信的可靠性。## 为什么纠错编码对卫星数据至关重要？卫星与地面站之间的通信链路面临着空间辐射、大

avatar 火山引擎 ADG 社区