Laravel 5.5中会话过期自动重定向至登录页的实现咨询

我完全懂你的困扰——想实现会话一过期就立刻跳转到登录页，结果用普通JS定时器的时候，用户开多个标签页就彻底失效了，AJAX轮询也没完全解决问题对吧？结合Laravel的特性，给你几个能搞定多页面同步的方案：

方案1：Laravel广播+会话心跳（最可靠的多页同步方案） #

这个方案利用Laravel的广播系统，让所有打开的页面实时接收会话过期通知，完美解决多标签页不同步的问题。

步骤： #

1. 配置广播基础
   先把Laravel Echo和广播驱动（推荐Redis或者Pusher）配置好，具体可以参考Laravel官方文档的广播部分。

2. 创建会话检测中间件
   写一个中间件，每次用户发起请求时，更新缓存里的“最后活跃时间”，同时检查会话是否已经过期：

   <?php
   
   namespace App\Http\Middleware;
   
   use Closure;
   use Illuminate\Support\Facades\Cache;
   use Illuminate\Support\Facades\Auth;
   
   class UpdateLastActivity
   {
       public function handle($request, Closure $next)
       {
           if (Auth::check()) {
               $userId = Auth::id();
               // 更新缓存，有效期设为会话生命周期+1分钟，避免提前失效
               Cache::put('user_last_activity_' . $userId, now()->timestamp, config('session.lifetime') + 1);
               
               // 检查是否已经超时
               $inactiveMinutes = now()->diffInMinutes(Cache::get('user_last_activity_' . $userId));
               if ($inactiveMinutes >= config('session.lifetime')) {
                   Auth::logout();
                   // 触发会话过期广播事件
                   event(new \App\Events\SessionExpired($userId));
               }
           }
           return $next($request);
       }
   }
   

   记得把这个中间件加到app/Http/Kernel.php的web中间件组里。

3. 创建会话过期广播事件

   <?php
   
   namespace App\Events;
   
   use Illuminate\Broadcasting\Channel;
   use Illuminate\Queue\SerializesModels;
   use Illuminate\Broadcasting\PrivateChannel;
   use Illuminate\Broadcasting\PresenceChannel;
   use Illuminate\Foundation\Events\Dispatchable;
   use Illuminate\Broadcasting\InteractsWithSockets;
   use Illuminate\Contracts\Broadcasting\ShouldBroadcast;
   
   class SessionExpired implements ShouldBroadcast
   {
       use Dispatchable, InteractsWithSockets, SerializesModels;
   
       public $userId;
   
       public function __construct($userId)
       {
           $this->userId = $userId;
       }
   
       public function broadcastOn()
       {
           return new PrivateChannel('user.' . $this->userId);
       }
   }
   

4. 前端监听广播事件
   在你的主布局文件里加入Echo监听代码，一旦收到会话过期事件就立即跳转：

   import Echo from 'laravel-echo';
   
   window.Echo.private(`user.${userId}`)
       .listen('SessionExpired', (e) => {
           window.location.href = '/login';
       });
   

方案2：基于Cookie的全局同步检测（最简单的方案） #

这个方案利用浏览器Cookie的全局共享特性，所有标签页都能读取同一个Cookie的活跃时间，不用复杂的广播配置。

步骤： #

1. 后端更新活跃时间Cookie
   同样用中间件，每次用户请求时更新last_activity Cookie：

   <?php
   
   namespace App\Http\Middleware;
   
   use Closure;
   use Illuminate\Support\Facades\Auth;
   
   class UpdateLastActivityCookie
   {
       public function handle($request, Closure $next)
       {
           if (Auth::check()) {
               // 设置Cookie，有效期和会话一致
               $response = $next($request);
               $response->cookie('last_activity', now()->timestamp, config('session.lifetime'));
               return $response;
           }
           return $next($request);
       }
   }
   

2. 前端定时检测Cookie
   在所有页面加入这段JS，定时检查Cookie的活跃时间，超过阈值就跳转：

   // 会话生命周期，和config/session.php里的lifetime一致，转成秒
   const SESSION_LIFETIME = {{ config('session.lifetime') * 60 }};
   
   setInterval(() => {
       const lastActivity = getCookie('last_activity');
       if (!lastActivity) return;
   
       const now = Math.floor(Date.now() / 1000);
       if (now - lastActivity >= SESSION_LIFETIME) {
           window.location.href = '/login';
       }
   }, 10000); // 每10秒检查一次
   
   // 辅助函数：获取Cookie
   function getCookie(name) {
       const value = `; ${document.cookie}`;
       const parts = value.split(`; ${name}=`);
       if (parts.length === 2) return parts.pop().split(';').shift();
   }
   
   // 用户活动时重置Cookie（可选，更精准）
   document.addEventListener('mousemove', () => {
       // 这里可以发起一个静默AJAX请求，让后端更新last_activity Cookie
       fetch('/refresh-activity', { method: 'POST', headers: {'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content} });
   });
   

方案3：AJAX轮询+LocalStorage同步（轻量方案） #

如果不想用广播和Cookie，用LocalStorage的同源共享特性也能实现多页面同步。

步骤： #

1. 前端轮询会话状态
   在一个页面发起AJAX轮询，检查会话是否有效，一旦过期就给LocalStorage标记：

   setInterval(() => {
       fetch('/check-session', { headers: {'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content} })
           .then(response => {
               if (response.status === 419) { // Laravel会话过期的状态码
                   localStorage.setItem('session_expired', 'true');
                   window.location.href = '/login';
               } else {
                   localStorage.removeItem('session_expired');
               }
           });
   }, 15000); // 每15秒检查一次
   

2. 其他页面监听LocalStorage变化
   所有页面都监听storage事件，一旦检测到过期标记就跳转：

   window.addEventListener('storage', (e) => {
       if (e.key === 'session_expired' && e.newValue === 'true') {
           window.location.href = '/login';
       }
   });
   

额外注意事项 #

• 一定要处理AJAX请求的419状态码：很多时候用户在页面上操作发起AJAX，这时候会话过期会返回419，要在全局AJAX拦截器里处理，比如：

  axios.interceptors.response.use(
      response => response,
      error => {
          if (error.response.status === 419) {
              window.location.href = '/login';
          }
          return Promise.reject(error);
      }
  );
  

• 前后端的会话生命周期要完全一致，比如Laravel的config/session.php里的lifetime是分钟，前端要转成秒计算。
• 无活动超时的话，后端要主动销毁会话：比如在中间件里检查用户最后活跃时间，超过阈值就执行Auth::logout()。

内容的提问来源于stack exchange，提问作者Emmanuel Gonzle