URL-адрес nav-pills теряется при обновлении страницы

Question

При использовании переключаемых навигационных таблеток bs4, заключенных в подменю навигационных вкладок, возникают следующие проблемы:

1. следующий URL не загружает таблетки с идентификатором option2: http://localhost/test#option2 хотя, если ящелкните по нему, чтобы переключиться на эту таблетку.
2. Когда я нахожусь на таблетке с идентификатором option2 и обновляю страницу, она возвращается к первой таблетке - та, что с id option1

3. IМне нужно иметь функциональную ссылку для каждой таблетки, которая должна открывать эту конкретную таблетку и должна быть постоянной при обновлении страницы - я думаю, что это называется глубоким связыванием, но примеры, которые я обнаружил, либо разные, либо старые.

   <nav>
       <div class="nav nav-tabs" id="nav-tab" >
           <a class="nav-item nav-link disabled" id="nav-menu1-tab" href="#">menu1</a>
           <a class="nav-item nav-link  active" id="nav-menu2-tab" href="#nav-menu2">active-tab</a>
           <a class="nav-item nav-link disabled" id="nav-menu3-tab" href="#">menu3</a>
       </div>
   </nav>
   
   
   <div class="tab-content" id="nav-tabContent">
       <div class="tab-pane fade show active" id="nav-menu2"></div>
   
       <ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
           <li class="nav-item">
               <a class="nav-link active" id="pills-option1-tab" data-toggle="pill" href="#option1" role="tab" aria-controls="pills-option1" aria-selected="true">option1</a>
           </li>
           <li class="nav-item">
               <a class="nav-link" id="pills-option2-tab" data-toggle="pill" href="#option2" role="tab" aria-controls="pills-option2" aria-selected="false">option2</a>
           </li>
       </ul>
       <div class="tab-content" id="pills-tabContent">
           <div class="tab-pane fade show active" id="option1" role="tabpanel" aria-labelledby="pills-option1-tab">option1...</div>
           <div class="tab-pane fade" id="option2" role="tabpanel" aria-labelledby="pills-option2-tab">option2...</div>
       </div>
   
   </div>