Referências a arquivos estáticos

Utilizamos frequentemente a referência a imagens, CSS e scripts de JavaScript em nossas páginas web, como nos exemplos abaixo:

<img src="/media/imagem.gif"/>
<script src="/media/testes.js"></script>
<link rel="stylesheet" href="/media/base.css"></script>

Ocorre que temos a setting MEDIA_URL, que indica o caminho-raiz para arquivos estáticos, podendo inclusive contêr endereço a outro domínio ou subdomínio em caso de servidores separados.

Uma boa prática para tornar seu código mais correto e compatível com esta setting é utilizando o context processor django.core.context_processors.media, indicando-o na setting TEMPLATE_CONTEXT_PROCESSORS, como no exemplo abaixo:

TEMPLATE_CONTEXT_PROCESSORS = (
    'django.core.context_processors.auth',
    'django.core.context_processors.debug',
    'django.core.context_processors.i18n',
    'django.core.context_processors.media',
)

Sendo assim, você passará a utilizar a variável MEDIA_URL sempre que fizer referência ao caminho-raiz para arquivos estáticos, como abaixo:

<img src="{{ MEDIA_URL }}imagem.gif"/>
<script src="{{ MEDIA_URL }}testes.js"></script>
<link rel="stylesheet" href="{{ MEDIA_URL }}base.css"></script>

---

Tire outras dúvidas em nosso CookBook em Português