[Django]-404 Error for django serving static files. How to setup django to serve static files?

by

3👍

✅

Here are the steps to configure your django app to serve static files for local development.

The STATIC_ROOT default is None so you have to specify that in settings. Make sure you have something like this in your settings.py This tells your webserver where to find and serve the static file mapped to a url.

import os
STATIC_ROOT = os.path.join(BASE_DIR, 'static')

Second also specify your STATIC_URL variable as it also defaults to none. following should suffice. This will be used for setting up the urlpattern.

STATIC_URL = '/static/'

You need to have a url pattern so your server knows what url corresponds to the static files

from django.conf.urls.static import static

urlpatterns = [
    # ... the rest of your URLconf goes here ...
] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

Specify STATICFILES_DIRS variable in settings. So that the collect static manager knows where to find statics and put them in the STATIC_ROOT. This can be an array or tuple of items to different directories. This can be empty if you have no additional directories

STATICFILES_DIRS =  (os.path.join(BASE_DIR, 'pathtohomejsdirectory/'),)

Finally, make sure you run python manage.py collectstatic
This copies all the files specified in STATICFILES_DIRS over to the /static/ (STATIC_ROOT) directory to be served by django.

On a production, you want your webserver/reverse proxy say nginx or apache to serve the files. See here django documentation here

👤Dap

Leave a comment