Django博客搜索结果跳转路径错误问题求助

嘿，这个问题我之前也碰到过！本质是相对路径在当前页面路径下的自动拼接导致的——你的搜索页面在/blog/search/路径下，模板里的文章链接如果用了相对路径，浏览器就会把链接拼在当前路径后面，结果就变成了/blog/search/blogpost/my_article，而不是你想要的根级路径。

咱们一步步解决：

第一步：排查模板里的链接写法 #

先打开你的search.html模板，找到渲染搜索结果条目的部分，你大概率会看到类似这样的代码：

<a href="blogpost/{{ post.slug }}">{{ post.title }}</a>

这种写法是相对路径，问题就出在这儿！

第二步：用两种方式修复路径 #

方式1：直接使用绝对路径（简单但不够灵活） #

在链接开头加上/，把它改成绝对路径：

<a href="/blog/blogpost/{{ post.slug }}">{{ post.title }}</a>

这样浏览器就会从网站根目录开始拼接路径，直接跳转到/blog/blogpost/my_article。不过这种方式的缺点是，如果以后你修改了博客应用的URL前缀（比如把/blog/改成/articles/），就得手动修改所有模板里的硬编码路径，不太推荐长期使用。

方式2：使用Django的url模板标签（推荐，更灵活） #

这是Django项目里规范的做法，能根据你的URL配置自动生成正确路径，不用硬编码。

首先，先确认你的博客文章详情页的URL配置已经设置了name属性，比如在博客应用的urls.py里：

path("blogpost/<slug:slug>/", views.blogpost_detail, name="blogpost_detail")

（如果你的详情页是用文章id而不是slug，把<slug:slug>改成<int:id>就行）

然后，如果你的项目主urls.py里给博客应用配置了命名空间（比如下面这样）：

path('blog/', include('blog.urls', namespace='blog'))

那就在search.html里这样写链接：

<a href="{% url 'blog:blogpost_detail' slug=post.slug %}">{{ post.title }}</a>

如果没有配置命名空间，直接写：

<a href="{% url 'blogpost_detail' slug=post.slug %}">{{ post.title }}</a>

这样Django会自动根据URL名称生成正确的绝对路径，不管当前页面在哪个路径下，都能精准跳转到文章详情页。

最后验证一下 #

修改完模板后，重启Django服务，再搜索关键词点击结果，应该就能正常跳转到/blog/blogpost/my_article了！

内容的提问来源于stack exchange，提问作者KhAliq KHan