Laravel+Inertia+Vue项目删除操作时Flash Message无法正常显示

以下是针对删除操作Flash Message失效的常见排查和修复方案：

1. 检查删除控制器的重定向逻辑 #

删除操作后必须通过Laravel的redirect()方法返回响应，而非直接返回Inertia::render()，因为Flash Message依赖服务器端会话存储，直接渲染视图不会触发会话数据的共享。

正确示例：

public function destroy(YourModel $model)
{
    $model->delete();
    // 重定向到列表页并传入Flash消息
    return redirect()->route('your-models.index')->with('success', '记录已成功删除');
}

2. 确认Inertia共享Flash数据的配置 #

检查App\Http\Middleware\HandleInertiaRequests.php中的share方法，确保已正确共享会话中的Flash数据（使用闭包延迟加载，保证每次请求获取最新数据）：

public function share(Request $request)
{
    return array_merge(parent::share($request), [
        'flash' => [
            'success' => fn () => $request->session()->get('success'),
            'error' => fn () => $request->session()->get('error'),
        ],
    ]);
}

3. 验证Vue组件的Flash渲染逻辑 #

确保组件中正确读取Inertia传递的flash属性，比如在布局组件或全局Flash组件中：

<template>
    <div class="flash-container">
        <div v-if="$page.props.flash.success" class="alert alert-success">
            {{ $page.props.flash.success }}
        </div>
        <div v-if="$page.props.flash.error" class="alert alert-danger">
            {{ $page.props.flash.error }}
        </div>
    </div>
</template>

注意：删除操作后需确保页面完成重定向（如回到列表页），组件能感知到Inertia页面数据的更新。

4. 检查路由的中间件配置 #

删除相关路由必须包含web中间件组，该中间件包含会话处理功能，没有它Flash数据无法被存储和读取：

Route::resource('your-models', YourModelController::class)->middleware('web');

5. 避免使用Inertia::location()替代重定向 #

如果删除操作中用了Inertia::location($url)做客户端跳转，这种方式不会触发服务器端的会话Flash逻辑，需替换为redirect()方法。

内容的提问来源于stack exchange，提问作者Javier Alejandro Nuñez Falcón