ocean - django: sirviendo archivos estáticos a través de nginx

nginx django windows

Question

Estoy usando apache + mod_wsgi para django.
Y todas las css / js / images se sirven a través de nginx .
Por alguna extraña razón, cuando otros / amigos / colegas intentan acceder al sitio, jquery / css no se carga para ellos, por lo tanto, la página parece desordenada.

Mis archivos html usan un código como este:

<link rel="stylesheet" type="text/css" href="http://x.x.x.x:8000/css/custom.css"/>
<script type="text/javascript" src="http://1x.x.x.x:8000/js/custom.js"></script>

Mi configuración nginx en sites-available es así -

 server {
listen 8000;
server_name localhost;
access_log /var/log/nginx/aa8000.access.log;
error_log /var/log/nginx/aa8000.error.log;
location / {
index index.html index.htm;
}
location /static/ {
autoindex on;
root /opt/aa/webroot/;
}
}

Hay un directorio /opt/aa/webroot/static/ que tiene directorios css & js correspondientes.

Lo curioso es que las páginas se muestran bien cuando accedo a ellas.
He borrado mi caché / etc, pero la página se carga bien para mí, desde varios navegadores.

Además, no veo 404 ningún error en los archivos de registro nginx.

Cualquier punto sería genial.

Answer 1

1. server_name debe coincidir con el nombre de host en las URL de link / script . O declare su configuración como predeterminada para esta interfaz: par de puertos ( listen 8000 default )
2. Nginx debe escuchar en la interfaz donde está vinculada la IP de su host (parece correcto en su caso)

Answer 2

Creo que usar root en el bloque de ubicación es incorrecto. Yo uso alias y funciona bien, incluso sin volver a configurar django.

# django settings.py
MEDIA_URL = ''/static/''
# nginx server config
server {
...
location /static {
autoindex on;
alias /opt/aa/webroot/;
}
}

Espero que esto haga las cosas más simples.

Answer 3

MEDIA_URL no se utilizará para servir contenido estático como js, ​​etc. Django proporciona una opción de configuración de STATIC_URL independiente que se puede usar.

Entonces esto puede cambiarse

<script type="text/javascript" src="{{STATIC_URL}}js/jquery-1.3.2.min.js"></script>

Además, es más estándar para usar la etiqueta de la plantilla de archivo estático de esta manera:

{% load static from staticfiles %}
<script type="text/javascript" src="{% static ''js/jquery-1.3.2.min.js'' %}"></script>

Documentos aquí

Answer 4

También tuve problemas con esto. Sin embargo, el siguiente truco funcionó para mí:

server {
listen 8000;
server_name localhost;
access_log /var/log/nginx/aa8000.access.log;
error_log /var/log/nginx/aa8000.error.log;
location / {
index index.html index.htm;
}
location ^/static/ {
autoindex on;
root /opt/aa/webroot/;
}
}

Acabo de marcar static como una expresión regular con ^ y nginx comenzó a servir archivos estáticos. No se necesitó ninguna modificación en el lado de Django.

Answer 5

Fim y Alexander : gracias por los consejos que ayudaron.
Así es como lo resolví para cualquier persona atrapada en el mismo barco:

settings.py -

>MEDIA_ROOT = ''''
MEDIA_URL = ''http://x.x.x.x:8000/static/''

En mi html -

<script type="text/javascript" src="{{MEDIA_URL}}js/jquery-1.3.2.min.js"></script>

En mi views.py -

return render_to_response(''templates/login-register.html'', {},
context_instance=RequestContext(request));

nginx dentro del archivo de configuración de sitios disponibles -

listen x.x.x.x:8000;
server_name x.x.x.x.;

Reinició nginx
Reiniciado apache