使用i18n_patterns时媒体资源加载失败，如何避免语言前缀附加到媒体URL？

核心原因 #

访问带语言前缀的路径时，媒体URL被拼接成en/media/image.jpg这类相对路径，本质是媒体URL使用了相对引用，或是MEDIA_URL配置为相对路径，导致浏览器根据当前页面URL自动补全前缀。

解决方案 #

1. 配置绝对路径的MEDIA_URL #

在settings.py中，将MEDIA_URL设置为以/开头的绝对路径：

MEDIA_URL = '/media/'
MEDIA_ROOT = BASE_DIR / 'media'

这样生成的媒体URL会从网站根目录起始，不会受当前页面的语言前缀影响。

2. 模板中正确引用媒体资源 #

模板里用{{ MEDIA_URL }}拼接图片路径，避免直接写相对路径：

<!-- 正确写法 -->
<img src="{{ MEDIA_URL }}image.jpg" alt="示例图片">

<!-- 错误写法（会触发相对路径问题） -->
<img src="media/image.jpg" alt="示例图片">

3. 隔离媒体资源与语言前缀路由 #

在主urls.py中，把媒体资源的路由放在i18n_patterns之外，防止被语言前缀捕获：

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

# 带语言前缀的业务路由
urlpatterns = i18n_patterns(
    path('admin/', admin.site.urls),
    # 其他业务路由...
)

# 媒体资源路由（不受语言前缀控制）
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

4. 强制生成完整绝对URL（可选） #

如果需要媒体URL始终包含域名，可在settings.py中补充配置：

SITE_URL = 'http://example.com'
MEDIA_URL = f'{SITE_URL}/media/'

这样生成的媒体URL会是http://example.com/media/image.jpg，彻底规避路径拼接问题。

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