Javascript Laravel Vue spa获取当前身份验证用户详细信息

我正在使用Vue和Laravel Sanctum来处理登录。这是我的html表单

<form action="#" @submit.prevent="handleLogin">
    <input type="text" v-model="form.email">Name<br/>
    <input type="text" v-model="form.password">Password<br/>
    <button>Submit</button><br/>
</form>

因此，这确实可以处理登录，但除非刷新页面，否则我无法获得经过身份验证的用户的详细信息，我不想这样做

为了避免这个问题，我将通过身份验证的用户的详细信息从我的控制器传递到我的视图

$auth_user = Auth::user();

return view('maintenance.contractor_maintenances', compact('auth_user'));

然后在我看来，我把它作为道具传递给我的Vue组件

<app-contractors-maintenance :auth_user="{{ json_encode($auth_user) }}"/>

 props: {
        auth_user: {
            required: true,
        }
    }

---

但是当我在我的组件中

{{auth_user}}

时，它也只在页面刷新时起作用，并且我希望在使用Sanctum登录后，这些auth详细信息会立即更新。非常感谢您的帮助。

您可能应该让

/login

路由返回登录的用户详细信息，这样您就可以在vue中以惊人的方式更新该信息，并对允许您获取用户信息的api路由进行第三次调用

 props: {
        auth_user: {
            required: true,
        }
    }