[Fixed]-Django isn't serving static files, getting 404 errors

by

21đź‘Ť

âś…

Have you defined your static files directory in settings.py ?

I’m guessing you have 'django.contrib.staticfiles', in your installed apps.

If you haven’t defined your static files dir, you could by doing something like this:

import os.path

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

STATICFILES_DIRS = (
    os.path.join(PROJECT_ROOT, 'static'),
)
👤slow_mondays

3đź‘Ť

This is the working solution for static/media/template access in django for windows,

settings.py

import os.path

STATIC_ROOT = ''

STATIC_URL = '/static/'

STATICFILES_DIRS = (
    os.path.join('static'),
)
👤Amar Kamthe

3đź‘Ť

My problem was solved by adding “STATICFILES_DIRS” in settings.py file

STATIC_URL = '/static/'
STATICFILES_DIRS = ( os.path.join('static'), )
👤Przemysław Sajnóg

2đź‘Ť

Check if STATICFILES_FINDERS is defined in your settings.py

https://docs.djangoproject.com/en/dev/ref/contrib/staticfiles/#std:setting-STATICFILES_FINDERS

The default value of STATICFILES_FINDERS is good enough but you have 2 choices :

  • you need to have the static file inside an app and having this app in your INSTALLED_APPS

  • or you need to define STATICFILES_DIRS with your path to the static files if expect the behavior being the one of django.contrib.staticfiles.finders.FileSystemFinder

👤Rachid

1đź‘Ť

I thought Django did this automatically when you run the server?

Why did you think that? If you’ve followed the official documentation, you won’t have found that. Read what you have to do to serve them in development here.

There’s another problem. Your STATIC_URL is a relative link, so browsers add it to the existing page URL. So if you’re on page /foo, 'static/css/style.css' evaluates to /foo/static/css/style.css'.

Make sure it either starts with / – ie /static/ – or is a full URL, ie http://myserver.com/static/.

👤Daniel Roseman

0đź‘Ť

I encountered this problem too. And I solved the problem by revising the href like this:

<html>
<link rel="stylesheet" href="{{STATIC_URL}}css/bootstrap.css" type="text/css">
<link rel="stylesheet" href="{{STATIC_URL}}css/style.css" type="text/css"> 
</html>
👤user3489965

0đź‘Ť

Make sure that you have the static folder set up in the right place, that is if it is in the app folder, then you can get further clarification from this helpful resource1.

👤Godfrey Oyugi

-6đź‘Ť

My solution was DEBUG = True in settings.

👤maximm

Leave a comment