Laravel表单提交后redirect()->route()触发页面二次加载问题求助

我之前也碰到过类似的Chrome下Laravel重定向二次加载的问题，结合你的代码和现象，给你几个排查和解决的方向：

先确认基础配置 #

首先检查你的前端表单是否正确设置：确保表单的method="POST"，action指向search.customers路由，并且包含@csrf令牌。虽然你的路由定义没问题，但偶尔的拼写错误可能触发意外的请求行为，先排除这个基础问题。

方案1：关闭Chrome的预加载特性 #

这个是Chrome专属问题最常见的原因——Chrome的**"预测网络操作以提升页面加载性能"**功能会预加载它判定的后续跳转链接，导致日志里出现两次Navigated记录。

操作步骤：

• 打开Chrome设置，搜索"预加载"
• 关闭"预测网络操作以提升页面加载性能"选项
• 重启浏览器后测试

如果关闭后问题消失，那就是预加载机制导致的。如果不想让用户修改浏览器设置，也可以在目标页面的响应头中添加标记，阻止Chrome预加载：

// 在show方法中添加响应头
public function show($id) {
    $customer = User::findOrFail($id);
    return view('customers.show', compact('customer'))
        ->header('X-Robots-Tag', 'noindex')
        ->header('Link', '<'.route('show.customer', $id).'>; rel="nofollow"');
}

方案2：改用AJAX提交+手动跳转 #

通过AJAX提交表单，前端手动控制页面跳转，可以绕过浏览器对POST重定向的默认处理逻辑，彻底避免二次加载。

前端代码（假设用jQuery）：

<form id="search-form" method="POST" action="{{ route('search.customers') }}">
    @csrf
    <select name="search_choise">
        <option value="num_customer">客户编号</option>
        <option value="name">客户名称</option>
    </select>
    <input type="text" name="search" placeholder="输入关键词">
    <button type="submit">搜索</button>
</form>

<script>
$('#search-form').on('submit', function(e) {
    e.preventDefault(); // 阻止默认表单提交
    $.post($(this).attr('action'), $(this).serialize())
        .done(function(targetUrl) {
            window.location.href = targetUrl; // 手动跳转
        });
});
</script>

修改控制器search方法：

public function search(Request $request) {
    $search = $request->search;
    if($request->search_choise == "num_customer"){
        return response()->json(route('show.customer', $search));
    }elseif($request->search_choise == "name"){
        return response()->json(route('table.customers', $search));
    }
}

方案3：排查是否存在重复请求 #

如果以上方法都没解决，可以在show方法中添加日志，确认是否真的收到了两次请求：

public function show($id) {
    \Log::info('Show method triggered for ID: '.$id);
    $customer = User::findOrFail($id);
    return view('customers.show', compact('customer'));
}

查看Laravel日志，如果只打印一次日志，说明是Chrome的日志显示问题（预加载导致）；如果打印两次，那就要检查是否有中间件、JS代码或者服务器配置导致了重复请求。

另外也可以尝试用永久重定向测试：

return redirect()->route('show.customer', $search)->permanent();

不过301永久重定向适合长期固定的跳转场景，按需使用即可。

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