Bootstrap относительный путь навигации

Question

Я работаю над проектом django с загрузкой bootstrap3. В основном шаблоне у меня есть следующие:

<nav class="navbar navbar-default navbar-fixed-top" role="navigation"> 
    <div class="container"> 
     <!-- Brand and toggle get grouped for better mobile display --> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="#">branding goes here</a> 
     </div> 
     <!-- Collect the nav links, forms, and other content for toggling --> 
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
      <ul class="nav navbar-nav navbar-right"> 
       <li> 
        <a href="about">About</a> 
       </li> 

В первый раз загружает проект в моей Dev среде и я нажимаю на «О» он прекрасно работает с использованием определенного маршрута:

http://127.0.0.1:8000/about/ 

Однако если Я нажимаю на него снова, я получаю

http://127.0.0.1:8000/about/about/ 

что явно неверно. Каков наилучший способ избежать этой ошибки относительной маршрутизации?

Answer 1

Вы должны использовать абсолютный путь, а не относительным.

<a href="/about">About</a> 

Таким образом, браузер не будет добавлять свой атрибут href к фактическому window.location.href значение для создания полного URL. Here - это небольшой ресурс, который вы можете прочитать об абсолютных и относительных путях.

Кстати, это не имеет ничего общего с Python или Django.

Answer 2

Добавить ведущую косую черту в HREF:

<a href="/about">About</a>