[Fixed]-Django Gunicorn not load static files

by

21👍

✅

Gunicorn will only serve the dynamic content, i.e. the Django files. So you need to setup a proxy server such as nginx to handle the static content (your CSS files). I assume you are starting Gunicorn the right way, so you just need to configure nginx to serve the static files. You can use a configuration like the following, where you just need to change the path to your static files:

server {
    listen       80;
    server_name  localhost;

    location / {
        root   html;
        index  index.html index.htm;
        proxy_pass http://127.0.0.1:8000;
    }
    location /static {
        autoindex on;
        alias /path/to/staticfiles;
    }

    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   html;
    }
}

Even if this configuration is setup, you have to call “./manage.py collectstatic” to make your css work

👤aldo_vw

4👍

Gunicorn is only responsible for serving the django aspect of your site.

The static files need to be served by nginx. See: How exactly do I server static files with nginx and gunicorn for a Django app?. This should be configured in the nginx.conf file. If you post it here we can have a look at it.

👤Henry Florence

0👍

I have got this issue before.
Try set static path in your Nginx configuration then grant permission of your project.

sudo chmod -R 777 /webapps/yourweb/

Try starting your server again.
Hope it help.

👤Tam Mai Duc

Leave a comment