Laravel表单提交成功后如何重定向至不带哈希的URL？

你的表单action包含#addUserModal哈希，验证失败时回退到原页面，模态框自动打开符合预期；但成功提交后重定向到admin页面时，模态框仍显示——核心原因是浏览器可能保留了原请求的哈希片段，或者admin页面也存在同ID的模态框，Bootstrap会自动根据URL哈希触发模态框。

方法1：后端移除哈希片段（推荐） #

Laravel的RedirectResponse提供withoutFragment()方法，可强制重定向URL不包含任何哈希部分，修改代码如下：

$data = $request->safe()->only(['first_name', 'last_name', 'birth_date', 'username', 'is_admin', 'password']);
$user = User::create($data);
if ($user->exists) {
    session()->flash("success", "User saved");
    // 重定向时移除所有哈希片段
    return redirect('admin')->withoutFragment();
}
return back()->with('error', 'User not saved');

该方法直接从后端生成纯净的admin页面URL，彻底避免哈希触发模态框。

方法2：前端JS强制处理（备用） #

如果后端方法无效，可在admin页面添加JavaScript代码，检测并清理哈希：

document.addEventListener('DOMContentLoaded', function() {
    // 检测是否是提交成功跳转且带有目标哈希
    if (window.location.hash === '#addUserModal' && document.querySelector('.alert-success')) {
        // 移除URL哈希（不刷新页面）
        window.history.replaceState({}, document.title, window.location.pathname);
        // 强制隐藏模态框（若已被Bootstrap自动打开）
        const modal = bootstrap.Modal.getInstance(document.getElementById('addUserModal'));
        if (modal) modal.hide();
    }
});

注：代码中.alert-success需替换为你实际使用的成功提示元素选择器。

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