Laravel JetStream登录成功后如何从Vue组件重定向至Blade仪表盘页面

该问题的核心原因是Inertia发起的异步请求默认期望返回标准Inertia响应，当服务端直接返回Blade视图或者重定向到非Inertia路由时，Inertia会将非预期的响应内容以弹窗形式渲染，不会触发浏览器地址栏变更和整页刷新。

方案一：自定义登录成功响应（推荐） #

该方案通过扩展JetStream底层的Fortify认证响应契约实现，无侵入性，符合Laravel官方扩展规范

• 步骤1：新建自定义登录响应类
  在app/Http/Responses目录下创建LoginResponse.php，内容如下：

<?php

namespace App\Http\Responses;

use Laravel\Fortify\Contracts\LoginResponse as LoginResponseContract;
use Inertia\Inertia;

class LoginResponse implements LoginResponseContract
{
    public function toResponse($request)
    {
        // 此处替换为你实际的Blade仪表盘路由地址
        return Inertia::location(route('admin.dashboard'));
    }
}

• 步骤2：绑定自定义响应到服务容器
  在app/Providers/FortifyServiceProvider.php的register方法中添加绑定逻辑：

<?php

namespace App\Providers;

use App\Http\Responses\LoginResponse;
use Laravel\Fortify\Contracts\LoginResponse as LoginResponseContract;
use Illuminate\Support\ServiceProvider;

class FortifyServiceProvider extends ServiceProvider
{
    public function register()
    {
        // 绑定自定义登录响应
        $this->app->singleton(LoginResponseContract::class, LoginResponse::class);
    }

    // 其他原有逻辑保持不变
}

Inertia::location()方法会主动告知前端需要执行整页跳转，浏览器会直接加载目标Blade页面，不会出现弹窗。

方案二：前端直接跳转（临时快速实现） #

如果不想修改后端逻辑，也可以在前端登录请求成功回调中手动触发整页跳转：

// 登录请求成功后执行
window.location.href = '/admin/dashboard'

注意该方案需要前端自行处理权限校验等逻辑，安全性和可控性低于后端方案。

注意事项 #

• 目标Blade路由不要挂载HandleInertiaRequests中间件，避免出现额外的响应处理问题
• 如果需要适配注册、重置密码等其他认证场景的Blade跳转，只需要按照方案一的逻辑自定义对应场景的响应类（如RegisterResponse、PasswordResetResponse）并绑定到对应契约即可

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