Django如何获取ImageField完整URL并正确返回JSON响应

首先排查现有代码里的基础错误：

• 你的settings.py里媒体路径配置变量名拼写错误，MEDIA_ULR不符合Django约定的配置名，正确名称是MEDIA_URL（少了一个L），拼写错误会导致框架无法读取媒体路径前缀配置。

修正后的settings配置：

MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'skyeng/media')

• 如果是本地开发调试，需要在项目根urls.py里追加媒体文件的路由映射，否则开发服务器无法响应媒体文件的访问请求：

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

urlpatterns = [
    # 项目原本的其他路由配置
]

# 仅DEBUG模式下生效的开发环境媒体路由
if settings.DEBUG:
    urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

• 最后修改视图逻辑：ImageField的url属性默认只返回/media/xxx.jpg格式的相对路径，要拼接成完整HTTP链接，直接用请求对象自带的build_absolute_uri方法即可，同时加空值判断避免条目无icon时抛出异常：

def get(self, request):
    query_set = Category.objects.all()
    items_data = []
    for item in query_set:
        icon_full_url = None
        if item.icon:
            icon_full_url = request.build_absolute_uri(item.icon.url)
        items_data.append({
            'id': item.id,
            'name': item.name,
            'icon': icon_full_url
        })
    return JsonResponse(items_data, safe=False)

改完之后接口返回的icon字段就是带协议、域名的完整可访问链接，和预期格式完全一致。

补充：生产环境不需要在Django侧配置媒体路由，直接在Nginx等web服务层把/media/路径指向你的MEDIA_ROOT目录即可，build_absolute_uri会自动读取当前请求的域名拼接成正式环境的访问链接，不需要额外调整代码。

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