Django static file and nginx

Question

When I load up the server at example.org(not actual ip) via nginx, the contents show up fine. However, the static files such as css and js doesn't show up. What needs to be changed for static files to be shown? I am just doing python manage.py runserver on nginx to check if files are being fed, but only template show up without static files.

The actual static folder(css/js/img) is at

/opt/myenv/myproject/myproject/static

I have /etc/nginx/sites-available/myproject as

server {
    listen 80;
    server_name example.org; ##not actual ip
    access_log /var/log/nginx/example.log;

    location /static/ { 
        alias /opt/myenv/static/; 
    }

    location / {
        proxy_pass http://127.0.0.1:8000;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
}

This is what I have for /opt/myenv/myproject/mysite/settings.py.

BASE_DIR = os.path.dirname(os.path.dirname(__file__))
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, "static"),
)
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static')

Richard Smith · Accepted Answer · 2015-12-07 22:37:05Z

2

In your question you state that your static resource files are located at /opt/myenv/myproject/myproject/static but your nginx configuration file places them at /opt/myenv/static.

Also, you use alias where root would be more efficient. Try:

location /static {
    root /opt/myenv/myproject/myproject;
}

answered Dec 7, 2015 at 22:37

Richard Smith

50.3k7 gold badges97 silver badges96 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ddalu5 · Accepted Answer · 2015-12-07 22:36:00Z

1

Did you collect the static files using the command?:

python manage.py collectstatic

I think also that there is an error in the path you defined for the static's folder, shouldn't it be:

location /static/ { 
    alias /opt/myenv/myproject/static/; 
}

Instead of:

location /static/ { 
    alias /opt/myenv/static/; 
}

?

answered Dec 7, 2015 at 22:36

ddalu5

4015 silver badges17 bronze badges

Collectives™ on Stack Overflow

Django static file and nginx

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related