All static files returning 404 error when deploying Django Project using Digital Ocean

Question

I have tested my app in development and successfully got it fully functional in development running on my local server. I have now been trying to push it into production and none of the static files are being served. The connection has been successful as the domain shows the app with just plain HTML. However, all static files are returning the same 404 error.

settings.py

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

404 error image

EDIT: installing whitenoise fixed this!

`push it into development` - do you mean "to production"? with debug=false? — Ivan Starostin, Dec 23 '22 at 20:10
Does this answer your question? [Why does DEBUG=False setting make my django Static Files Access fail?](https://stackoverflow.com/questions/5836674/why-does-debug-false-setting-make-my-django-static-files-access-fail) — Ivan Starostin, Dec 24 '22 at 08:40

score 0 · Answer 1 · answered Dec 23 '22 at 19:10

try this :

urls.py

from django.conf.urls.static import static

urlpatterns = [
    ...
    ...

] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) + \
              static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

settings.py

MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')

Or just try this command:

python manage.py collectstatic

score 0 · Answer 2 · answered Dec 23 '22 at 19:23

0

try this on top every HTML file if you didn't:

{% load static %}

this is because when you add some static files then you must tell manually the template to load those static file.

for more you can see here

answered Dec 23 '22 at 19:23

Saad Zahid Qureshi

43
1
8

I have done this already thank you for the response though! – antv2291 Dec 23 '22 at 22:18
have you done that format on each link – Saad Zahid Qureshi Dec 24 '22 at 05:58

All static files returning 404 error when deploying Django Project using Digital Ocean

2 Answers2