Laravel Fortify(Jetstream)结合Livewire无刷新登录问题排查

核心问题 #

你的LoginResponse错误继承了Livewire\Component类。Fortify的LoginResponse契约仅要求实现toResponse方法，不需要继承Livewire组件。继承Component会破坏响应逻辑，最终引发页面刷新后空白的问题。

修复步骤 #

1. 修正LoginResponse类 #

移除不必要的Component继承，改用Laravel全局redirect()助手实现无刷新跳转：

namespace App\Livewire;

use Laravel\Fortify\Contracts\LoginResponse as ContractsLoginResponse;

class LoginResponse implements ContractsLoginResponse
{
    public function toResponse($request)
    {
        return $request->wantsJson()
            ? response()->json(['two_factor' => false])
            : redirect()->intended('/', navigate: true);
    }
}

• redirect()->intended()会优先跳转到用户登录前尝试访问的页面，无目标页面时 fallback 到/
• navigate: true参数启用Livewire 3的无刷新导航特性

2. 确保登录表单通过Livewire处理提交 #

默认Jetstream登录表单可能是普通HTML表单，需改为Livewire驱动：

• 确认登录页面使用Livewire组件（如livewire.auth.login）
• 在表单标签添加wire:submit.prevent="login"，让Livewire接管提交逻辑，避免页面刷新

3. 清除缓存确保配置生效 #

执行命令清除Laravel缓存：

php artisan optimize:clear

额外检查点 #

• 确认config/fortify.php中views配置已启用，确保使用Jetstream的Livewire视图栈
• 检查前端是否正确加载Livewire 3的JS资源（可通过浏览器控制台排查相关报错）
• 验证Fortify认证逻辑未被其他自定义中间件干扰

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