Django：数据库TextField存储的文本及链接渲染跳转404问题求助

问题产生原因 #

1. 模板变量解析逻辑限制：Django模板引擎只会解析模板文件中书写的{{ 变量 }}语法，存储在数据库TextField字段中的{{ STATIC_URL }}属于普通字符串，不会被模板引擎自动识别解析，会直接作为普通内容输出到前端，经过URL编码后就变成了报错链接里的%7B%7B%20STATIC_URL%20%7D%7D。
2. 路径规则使用错误：
   • STATIC_URL是专门用于静态资源（CSS、JS、图片等）的路径前缀，文章跳转属于动态路由，完全不应该使用STATIC_URL拼接路径。
   • 你编写的链接路径没有以/开头，属于相对路径，浏览器会自动把相对路径拼接在当前页面的URL之后，就出现了报错链接里「当前文章slug + 未解析的STATIC_URL + 目标文章slug」的错误结构。
3. 过滤器使用冲突：模板中同时使用|safe和|escape过滤器逻辑矛盾，|escape会转义HTML字符，抵消|safe的作用，即使后续变量解析正确也可能出现HTML渲染异常。
4. 上下文变量缺失：视图函数的context中没有传入STATIC_URL变量，就算模板能解析字段中的变量，也无法拿到正确的STATIC_URL值。

可行解决方案 #

方案1：快速修复（适合固定跳转场景） #

直接修改数据库中redirect字段的内容，去掉{{ STATIC_URL }}，给链接加根路径前缀/，修改后的字段内容如下：

Some text I want to render in blog with a link <a href="/articles/8-Photogenic-Spiral-Staircases" class="link-within">8 Photogenic Spiral Staircases</a>

同时修改模板代码，去掉冲突的|escape过滤器：

<p class="article-redirect">{{ article.redirect|safe }}</p>

方案2：规范动态路由方案（推荐） #

不要在数据库中存储完整HTML代码，只存储目标文章的slug，利用Django的url模板标签自动生成跳转链接，避免路径写死：

1. 修改redirect字段的存储内容，仅保存目标文章的slug：8-Photogenic-Spiral-Staircases
2. 模板代码修改为：

<p class="article-redirect">
    Some text I want to render in blog with a link 
    <a href="{% url 'articles' article.redirect %}" class="link-within">8 Photogenic Spiral Staircases</a>
</p>

该方案的优势是后续修改路由规则时不需要修改数据库中的历史内容，Django会自动生成正确的链接，也避免了XSS安全风险。

方案3：手动渲染字段模板内容（适合需要灵活自定义HTML的场景） #

如果确实需要在数据库中存储带模板变量的自定义HTML，可以在视图层手动对字段内容做模板渲染：

1. 修改views.py代码，导入模板相关模块并手动渲染redirect内容：

from django.template import Template, Context
from django.conf import settings
from django.shortcuts import get_object_or_404
from .models import Articles

def article(request, slug):
    article = get_object_or_404(Articles, slug=slug)
    # 手动渲染字段中的模板语法
    redirect_template = Template(article.redirect)
    redirect_content = redirect_template.render(Context({
        'STATIC_URL': settings.STATIC_URL
    }))
    context = {
        'article': article,
        'redirect_content': redirect_content,
    }
    return render(request, 'articletemplate.html', context)

2. 模板中直接使用渲染后的内容：

<p class="article-redirect">{{ redirect_content|safe }}</p>

注意：该方案存在XSS安全风险，如果redirect字段允许普通用户编辑，必须做好内容过滤，避免恶意代码注入。

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