Nginx doesn't serve static files - django

Question

I've just deployed my django website on an Ubunto server. But it doesn't load any static file.
settings.py:
STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, "static"),]
STATIC_ROOT = 'staticfiles'
nginx/sites-available configuration:
server {
server_name 138.197.172.33;
access_log off;
location /staticfiles/ {
root staticfiles;
}
location / {
proxy_pass http://127.0.0.1:8001;
proxy_set_header X-Forwarded-Host $server_name;
proxy_set_header X-Real-IP $remote_addr;
add_header P3P 'CP="ALL DSP COR PSAa PSDa OUR NOR ONL UNI COM NAV"';
}
}
Errors:
...
[14/May/2018 05:28:28] "GET /static/vendors/underscore/underscore.js
HTTP/1.1" 404 113
[2018-05-14 05:28:29,252] base: WARNING - Not Found:
/static/vendors/bootstrap-notify-simple-wrapper/bootstrap-notify-
simple-wrapper.min.js
[14/May/2018 05:28:29] "GET /static/vendors/bootstrap-notify-simple-
wrapper/bootstrap-notify-simple-wrapper.min.js HTTP/1.1" 404 159
[2018-05-14 05:28:29,690] base: WARNING - Not Found:
/static/js/custom.js
[14/May/2018 05:28:29] "GET /static/js/custom.js HTTP/1.1" 404 93
[2018-05-14 05:28:30,236] base: WARNING - Not Found:
/static/js/converter.js
[14/May/2018 05:28:30] "GET /static/js/converter.js HTTP/1.1" 404 96
...
staticfiles folder includes:
admin ajaximage css datatable dm2bn fonts images js static
tinymce vendors

Answer 1

Looking at the error logs, the link is pointing to /static/:
[14/May/2018 05:28:28] "GET /static/ vendors/underscore/underscore.js
HTTP/1.1" 404 113
In your configuration, you have set location to /staticfiles, but your django configuration is saying the URL is /static.
So, location should be /static/, not /staticfiles/.
location is the URL, and the root is the full path to the staticfiles directory.

Answer 2

you should change nginx configuration like
location /static/ {
alias /path/to/staticfiles;
}
You should give absolute path in your nginx configuration.

Answer 3

Make sure all your static files are present in path /static of your project directory.
Once you deploy your app on the server don't forget to run :
python manage.py collectstatic --link
--link will create a symbolic link to each file into the directory /staticfiles.
Nginx config should be :
location /static/ {
alias /path/to/staticfiles;
}