Spring MVC弹窗打开时主页面Session超时失效问题求助

你的核心问题在于弹窗页面的<meta refresh>会持续发送请求续期Session——只要有带合法Session的请求到达服务器，Session的超时计时器就会被重置。所以哪怕主页面没操作，弹窗每隔session.getMaxInactiveInterval()秒的刷新请求，都会让Session“续命”，自然永远不会触发超时跳转。

下面是针对需求的具体解决步骤：

步骤1：移除所有页面的meta刷新标签 #

先把主页面和弹窗页面里的<meta http-equiv="refresh"...>标签删掉，彻底避免自动请求续期Session的问题。

步骤2：主页面实现前端超时检测与弹窗控制 #

我们改用前端监听用户活动，计算超时时间，同时记录弹窗实例，方便超时后关闭弹窗并跳转登录页。修改后的主页面代码如下：

<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page session="true" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Home page</title>
<script>
let popupWindow = null;
const sessionTimeout = <%=session.getMaxInactiveInterval()%> * 1000; // 转成毫秒
let lastActivityTime = Date.now(); // 记录最后一次活动时间

// 监听主页面的用户操作，更新最后活动时间
document.addEventListener('mousemove', () => lastActivityTime = Date.now());
document.addEventListener('keypress', () => lastActivityTime = Date.now());

function popup() {
    popupWindow = window.open("../Bank/register", 'window', 'width=200,height=100');
    // 启动超时检查定时器，每秒检查一次
    setInterval(checkSessionTimeout, 1000);
}

function checkSessionTimeout() {
    const currentTime = Date.now();
    // 判断是否超过Session超时时间
    if (currentTime - lastActivityTime > sessionTimeout) {
        // 关闭弹窗（如果存在且未关闭）
        if (popupWindow && !popupWindow.closed) {
            popupWindow.close();
        }
        // 主页面跳转到登录页
        window.location.href = 'login';
    }
}
</script>
</head>
<body>
<h1>Welcome ${sessionScope.USER_NAME}..!</h1>
<c:if test="${sessionScope.USER_ROLE==1}">
<a href="#" onclick="popup()">Register</a>
</c:if>
<a href="logout">Logout</a>
</body>
</html>

步骤3：弹窗页面同步活动状态 #

为了让用户在弹窗里操作时，也能更新主页面的最后活动时间（避免误判超时），给弹窗页面添加以下JS代码：

<!-- 弹窗页面的<head>部分添加 -->
<script>
// 监听弹窗的用户操作，通知主页面更新最后活动时间
document.addEventListener('mousemove', () => {
    if (window.opener && !window.opener.closed) {
        window.opener.lastActivityTime = Date.now();
    }
});
document.addEventListener('keypress', () => {
    if (window.opener && !window.opener.closed) {
        window.opener.lastActivityTime = Date.now();
    }
});

// 额外：如果主页面关闭，弹窗自动关闭
setInterval(() => {
    if (!window.opener || window.opener.closed) {
        window.close();
    }
}, 2000);
</script>

步骤4：后端兜底验证（可选） #

为了防止前端逻辑被绕过，建议在所有需要登录的接口（比如注册接口）添加Session校验：

@PostMapping("/register")
public String register(@ModelAttribute("register") RegisterDTO register, HttpSession session, Model model) {
    // 先检查Session是否有效
    if (session.getAttribute("USER_NAME") == null) {
        return "redirect:/login";
    }
    // 后续注册逻辑...
}

这样就能完美实现需求：打开弹窗后，若长时间无操作（超过Session超时时间），弹窗会自动关闭，主页面跳转到登录页；用户在任一页面操作时，都会重置超时计时器。

内容的提问来源于stack exchange，提问作者Sandeep Reddy K.