使用bootstrap v4在laravel中重新加载后重定向至特定选项卡

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.min.js"></script>

public function reloadAndRedirectToTab(Request $request)
{
    // 处理重新加载的逻辑

    return redirect()->route('home')->with('activeTab', 'tab-id');
}

Route::post('/reload-and-redirect', 'HomeController@reloadAndRedirectToTab')->name('reload.redirect');

<ul class="nav nav-tabs" id="myTab" role="tablist">
    <li class="nav-item">
        <a class="nav-link" id="tab1-tab" data-toggle="tab" href="#tab1" role="tab" aria-controls="tab1" aria-selected="true">Tab 1</a>
    </li>
    <li class="nav-item">
        <a class="nav-link" id="tab2-tab" data-toggle="tab" href="#tab2" role="tab" aria-controls="tab2" aria-selected="false">Tab 2</a>
    </li>
    <!-- 其他选项卡 -->
</ul>

<script>
    $(document).ready(function() {
        // 重新加载页面时，检查会话变量是否存在
        if ('{{ session('activeTab') }}') {
            // 获取会话变量的值
            var activeTab = '{{ session('activeTab') }}';

            // 根据会话变量的值，激活对应的选项卡
            $('#myTab a[href="#' + activeTab + '"]').tab('show');

            // 清除会话变量
            '{{ session()->forget('activeTab') }}';
        }
    });
</script>