Laravel9+Vue3+InertiaJs中Vue如何访问Impersonate会话数据

由于Vue组件运行在浏览器端，无法直接访问Laravel服务器端的Session数据，需要通过后端将impersonate状态传递到前端，以下是两种可行方案：

方案一：通过Inertia全局共享数据（推荐） #

这种方法会把模拟登录状态全局共享给所有Inertia页面，无需在每个控制器单独传递。

1. 在Laravel的AppServiceProvider.php中添加共享逻辑：

use Inertia\Inertia;

public function boot()
{
    Inertia::share([
        'auth' => function () {
            return [
                'user' => auth()->user(),
                // 传递是否正在模拟登录的状态
                'impersonating' => session()->has('impersonate'),
                // 可选：传递原管理员ID，方便后续逻辑
                'original_user_id' => session()->get('impersonate'),
            ];
        },
    ]);
}

2. 在Vue组件中使用共享数据判断状态：
   修改Pages/Users/Index.vue，添加退出模拟登录的区块：

<template>
    <!-- 退出模拟登录按钮（仅在模拟状态显示） -->
    <div v-if="$page.props.auth.impersonating">
        <Link @click="leaveImpersonation">退出模拟登录</Link>
    </div>

    <!-- 模拟登录按钮（仅非模拟状态显示） -->
    <Link v-else @click="impersonate(user.id)">Impersonate</Link>
</template>

<script>
export default {
    methods: {
        impersonate(id) {
            this.$inertia.post(route("user.impersonate", id));
        },
        // 新增退出模拟的方法
        leaveImpersonation() {
            this.$inertia.post(route("user.leave-impersonation"));
        },
    },
};
</script>

3. 添加退出模拟的控制器方法和路由：
   在UserController.php中新增方法：

public function leaveImpersonation()
{
    $originalId = session()->get('impersonate');
    // 清除Session中的模拟标记
    session()->forget('impersonate');
    // 切换回原管理员账号
    auth()->loginUsingId($originalId);
    return redirect('/users');
}

在routes/web.php中添加路由：

Route::post('/user/leave-impersonation', [UserController::class, 'leaveImpersonation'])->name('user.leave-impersonation');

方案二：单个页面传递数据 #

如果仅需在特定页面使用该状态，可以在对应控制器方法中直接传递：

1. 修改用户列表控制器方法：

public function index()
{
    return Inertia::render('Users/Index', [
        'users' => User::all(),
        'impersonating' => session()->has('impersonate'),
    ]);
}

2. 在Vue组件中直接使用该props：

<div v-if="$page.props.impersonating">
    <Link @click="leaveImpersonation">退出模拟登录</Link>
</div>

核心原理：Laravel Session存储在服务器端，前端无法直接读取，必须通过后端将状态注入到Inertia的页面props中，才能在Vue组件中访问判断。

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