Django项目首页作者头像无法正常显示问题排查求助

问题核心原因 #

你当前视图中定义的posts是硬编码的Python字典列表，字典内的author字段是普通字符串（例如'Eldzej02'），并非Django内置User模型的实例。而模板中调用的post.author.profile.image.url要求post.author必须是关联了Profile模型的User对象才能生效，字符串不存在profile属性，自然无法解析出头像路径。
对比功能正常的profile.html，其中调用的user.profile.image.url里的user是Django自动传入的当前登录真实User模型实例，所以可以正常获取头像路径。

修复方案 #

可根据开发进度选择两种方案：

方案1：改用数据库存储Post数据（正式开发推荐） #

你学习的教程后续会创建Post模型，可提前完成该步骤：

1. 在models.py中新增Post模型，关联User作为作者：

from django.db import models
from django.contrib.auth.models import User
from django.utils import timezone

class Post(models.Model):
    title = models.CharField(max_length=100)
    content = models.TextField()
    date_posted = models.DateTimeField(default=timezone.now)
    author = models.ForeignKey(User, on_delete=models.CASCADE)

    def __str__(self):
        return self.title

2. 执行迁移命令生成数据库表：

python manage.py makemigrations
python manage.py migrate

3. 在后台创建几条关联真实User的Post测试数据，修改index视图逻辑，从数据库查询Post数据传入模板：

from .models import Post

def index(request):
    context = {}
    if request.user.is_authenticated:
        context['parent_template'] = 'home.html'
        # 从数据库读取的Post实例，author字段是真实User对象
        context['posts'] = Post.objects.all()
    else:
        context['parent_template'] = 'index_not_auth.html'
    return render(request, 'index.html', context)

方案2：临时适配硬编码数据（仅测试用） #

如果还未到创建Post模型的阶段，仅想先跑通当前测试逻辑，可以直接把头像路径写入硬编码的字典中，同步修改模板调用：

1. 修改views.py中的posts字典，新增头像字段：

posts = [
    {
        'author': 'Eldzej02',
        # 可填测试用户的头像路径，也可先用默认头像路径
        'author_avatar': '/media/profile_pics/default.jpg',
        'title': 'Birthday',
        'content': 'A birthday is the anniversary of the birth of a person, or figuratively of an institution. Birthdays of people are celebrated in numerous cultures, often with birthday gifts, birthday cards, a birthday party, or a rite of passage.',
        'date': '10 May 2021',
    },
    # 剩余两条测试数据同理添加author_avatar字段
]

2. 修改home.html中的头像src属性：

<img class="rounded-circle article-img" src="{{ post.author_avatar }}">

额外检查项 #

如果改用数据库存储后头像仍无法显示，检查两处配置：

1. 确认settings.py中已正确配置媒体文件路径：

# settings.py末尾添加
import os
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = '/media/'

2. 确认项目根urls.py中已添加媒体文件路由：

from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    # 原有路由保持不变
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

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