Django admin static files not working on Heroku with whitenoise

user_2313242 0
Viewed 1562

I have a django site deployed to heroku and regular static files are working, but admin static files are not.

EDIT: I am using gunicorn but after some further research, it seems that I might need to use something like nginx in conjunction with gunicorn to accomplish what I'm looking for. Can anyone advise on that possibly?

Here's my settings.py

PROJECT_ROOT = os.path.dirname(os.path.abspath(__file__))

STATIC_ROOT = os.path.join(PROJECT_ROOT, 'static')
STATIC_URL = '/static/'

STATIC_FILES_STORAGE = 'whitenoise.storage.CompressedManifestStaticFilesStorage'

STATICFILES_DIRS = [os.path.join(PROJECT_ROOT, "staticfiles")]

These settings work to serve my normal static files, but like I said, the admin files are not working. I get a 404 in the console when it tries to load the static files. What I'm presented with when I go to the admin URL is a page with no css. Just raw browser displaying the login fields and title. I can't tell if it's a limitation of whitenoise and I need to host files elsewhere, or if I'm missing something. I'd prefer to keep everything within heroku as it's free for me now.

admin heroku static django file
1 Answers

I've been having this same problem - that my app works just fine, but the django admin app is not styling properly because it cannot find the static files when deployed on heroku (it renders just fine on my local machine)

I finally got it to work by running collectstatic on my local machine:

python manage.py collectstatic

This creates a static/ directory in my main project directory (i.e. the same directory where manage.py resides). I then moved the admin/ subdirectory to the /static/ directory (i.e. the static directory where settings.py resides). I then redeployed to heroku & now the admin site is styled correctly. Hope this helps!

user_88828170
Related