Laravel中Auth::logoutOtherDevices()无法自动跳转至登录页？

为什么无法自动跳转？ #

Auth::logoutOtherDevices() 仅会作废其他设备上的用户会话凭证，但浏览器端的页面不会主动监听后端的会话状态变化。只有当页面发起新请求（比如刷新、跳转）时，Laravel才会校验会话有效性，进而触发登录页重定向。默认情况下没有内置的实时会话状态同步机制，所以无法自动跳转。

实现所有设备自动跳转登录页的方案 #

方案一：前端定期检测会话状态 #

通过定时发送AJAX请求检查当前会话是否有效，若无效则立即跳转登录页。

1. 后端添加检测接口

// routes/web.php
Route::get('/check-auth', function () {
    return response()->json(['authenticated' => Auth::check()]);
})->middleware('web');

2. 前端添加定时检测逻辑

// 在公共JS文件（如resources/js/app.js）中添加
setInterval(() => {
    fetch('/check-auth')
        .then(res => res.json())
        .then(data => {
            if (!data.authenticated) {
                window.location.href = '/login';
            }
        })
        .catch(err => console.log('Auth check error:', err));
}, 5000); // 每5秒检测一次，可按需调整间隔

方案二：后端响应头标记+前端拦截 #

在全局中间件中给未登录的AJAX请求添加自定义响应头，前端拦截所有请求并判断是否需要跳转。

1. 创建全局中间件

// app/Http/Middleware/CheckAuthExpired.php
namespace App\Http\Middleware;

use Closure;
use Illuminate\Support\Facades\Auth;

class CheckAuthExpired
{
    public function handle($request, Closure $next)
    {
        $response = $next($request);
        
        // 针对AJAX请求添加过期标记
        if ($request->ajax() && !Auth::check()) {
            $response->header('X-Auth-Expired', 'true');
        }
        
        return $response;
    }
}

2. 注册中间件
   在app/Http/Kernel.php的web中间件组中添加：

protected $middlewareGroups = [
    'web' => [
        // ...其他中间件
        \App\Http\Middleware\CheckAuthExpired::class,
    ],
];

3. 前端拦截请求

// 拦截fetch请求
const originalFetch = window.fetch;
window.fetch = (...args) => {
    return originalFetch(...args)
        .then(res => {
            if (res.headers.get('X-Auth-Expired') === 'true') {
                window.location.href = '/login';
            }
            return res;
        });
};

// 若使用jQuery，添加全局AJAX拦截
$.ajaxSetup({
    complete: function(xhr) {
        if (xhr.getResponseHeader('X-Auth-Expired') === 'true') {
            window.location.href = '/login';
        }
    }
});

方案三：WebSocket实时通知（高实时性） #

通过Laravel Echo配合WebSocket，在调用logoutOtherDevices()时触发事件，其他设备前端监听事件后自动跳转。

1. 创建广播事件

// app/Events/UserLoggedOutFromOtherDevices.php
namespace App\Events;

use Illuminate\Broadcasting\PrivateChannel;
use Illuminate\Contracts\Broadcasting\ShouldBroadcast;
use Illuminate\Foundation\Events\Dispatchable;
use Illuminate\Queue\SerializesModels;

class UserLoggedOutFromOtherDevices implements ShouldBroadcast
{
    use Dispatchable, SerializesModels;

    public $userId;

    public function __construct($userId)
    {
        $this->userId = $userId;
    }

    public function broadcastOn()
    {
        return new PrivateChannel("user.{$this->userId}");
    }
}

2. 触发事件
   在调用logoutOtherDevices()的代码处添加事件触发：

use App\Events\UserLoggedOutFromOtherDevices;
use Illuminate\Support\Facades\Auth;

// 执行登出其他设备操作
Auth::logoutOtherDevices($password);
// 广播事件通知其他设备
event(new UserLoggedOutFromOtherDevices(Auth::id()));

3. 前端监听事件
   在前端JS中通过Laravel Echo监听：

// 确保已配置Laravel Echo
Echo.private(`user.${currentUserId}`)
    .listen('UserLoggedOutFromOtherDevices', () => {
        window.location.href = '/login';
    });

内容的提问来源于stack exchange，提问作者Tej Singh