Django中HTML页面导航异常：从二级页面返回首页时URL拼接错误的解决咨询

架构老林

2026-4-30

解决Django页面导航路径重复拼接的问题

这个问题的核心是相对路径导致的URL解析错误，我来给你拆解原因和对应的解决方案：

问题根源

你当前的导航链接用的是相对路径（比如./about、空href），浏览器会基于当前页面的URL来拼接新路径，就会出现以下异常：

在首页（/）点击./about时，浏览器解析为/about/，这没问题；
但在/about/页面点击Home的空href，浏览器会认为是跳转到当前路径（也就是/about/），而不是预期的首页；
要是在/about/页面点击./pizza，浏览器会拼接成/about/pizza/，这和你Django配置的/pizza/路径不匹配，直接导致访问报错。

解决方案

方案1：改用根路径开头的绝对路径

直接把链接改成以/开头的绝对路径，让浏览器从域名根目录开始解析：

<nav> 
  <ul> 
    <li><a href="/">Home</a></li> 
    <li><a href="/about/">About</a></li> 
    <li><a href="/pizza/">pizzas</a></li> 
  </ul>
</nav>

（注：和你urls.py里的路径保持末尾斜杠一致，能避免Django自动重定向的小问题）

方案2：使用Django的`{% url %}`模板标签（推荐）

这是Django项目的最佳实践，它会根据你urls.py里定义的name参数自动生成正确URL，彻底避免硬编码路径的维护问题。

修改你的导航代码如下：

<nav> 
  <ul> 
    <li><a href="{% url 'home' %}">Home</a></li> 
    <li><a href="{% url 'about' %}">About</a></li> 
    <li><a href="{% url 'pizza' %}">pizzas</a></li> 
  </ul>
</nav>

这里的'home'、'about'、'pizza'对应你在urls.py里给每个path设置的name值。后续哪怕你修改urls.py里的路径字符串，只要name不变，导航链接都会自动适配，非常省心。