Laravel 8+Jetstream中Ajax请求会话过期未跳转至登录页问题

Jetstream本身的认证配置没有遗漏，这是Laravel框架的默认设计：普通页面请求未认证时会重定向到登录页，但Ajax/API请求会返回419状态码（页面过期）而不触发重定向——因为Ajax请求无法直接处理浏览器层面的重定向。

以下是系统化的解决方案，分为后端调整和前端全局拦截两部分：

后端调整：统一Ajax未认证响应 #

修改Laravel默认的认证中间件app/Http/Middleware/Authenticate.php，在redirectTo方法中针对Ajax请求返回带重定向信息的JSON响应，替代默认的419空响应：

protected function redirectTo($request)
{
    if (!$request->expectsJson()) {
        return route('login');
    }

    // 针对Ajax请求返回包含重定向地址的JSON响应
    return response()->json([
        'message' => '会话已过期，请重新登录',
        'redirect_url' => route('login')
    ], 419);
}

这个修改会让所有未认证的Ajax请求收到标准化的错误响应，方便前端统一处理。

前端全局拦截：自动处理419重定向 #

根据你使用的前端栈（Jetstream默认搭配Inertia+Vue），设置全局请求拦截器捕获419状态码，自动跳转到登录页：

1. 纯Axios项目 #

在项目的请求初始化文件（比如resources/js/bootstrap.js）中添加Axios拦截器：

import axios from 'axios';

axios.interceptors.response.use(
    response => response,
    error => {
        // 捕获419状态码，执行重定向
        if (error.response?.status === 419) {
            const redirectUrl = error.response.data.redirect_url || '/login';
            window.location.href = redirectUrl;
        }
        return Promise.reject(error);
    }
);

2. Inertia.js项目 #

在resources/js/app.js的Inertia配置中添加错误捕获逻辑：

import { createInertiaApp } from '@inertiajs/vue3';
import { resolvePageComponent } from 'laravel-vite-plugin/inertia-helpers';

createInertiaApp({
    resolve: name => resolvePageComponent(`./Pages/${name}.vue`, import.meta.glob('./Pages/**/*.vue')),
    setup({ el, App, props, plugin }) {
        // ...其他初始化代码
    },
    catch(error) {
        // 处理Inertia请求中的419错误
        if (error.response?.status === 419) {
            window.location.href = '/login';
        }
    },
});

方案优势 #

• 无需在每个Ajax请求中单独处理认证状态，全局拦截一次配置即可覆盖所有请求
• 后端返回标准化响应，前端逻辑清晰可维护
• 完全兼容Jetstream的默认认证流程，不破坏原有页面请求的重定向逻辑

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