Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Django admin not serving static files?

Django 1.6

I'm having trouble serving my static files for my Django Admin.

urls.py:

urlpatterns = patterns('',
    url(r'^$', 'collection.views.index', name='home'),
    url(r'^collection/', include('collection.urls')),
    url(r'^admin/',    include(admin.site.urls)),
)

if settings.DEBUG:
    urlpatterns += patterns('',
        url(r'^media/(?P<path>.*)$', 'django.views.static.serve', {
            'document_root': settings.MEDIA_ROOT,
        }),
        url(r'^static/(?P<path>.*)$', 'django.views.static.serve', {
            'document_root': settings.STATIC_ROOT,
        }),
)

settings.py

...
MEDIA_ROOT = '/Users/me/projectdir/media/'
MEDIA_URL = 'media/'

STATIC_ROOT = '/Users/me/projectdir/static/'
STATIC_URL = 'static/'
...

template (base.html)

<!DOCTYPE html>
<html lang='en-us'>
<head>
<title>Mysite</title>

{% load static %}
{% block links %}
    <link href="{% static 'css/bootswatch-simplex.css' %}" rel="stylesheet" type="text/css">
    <link href="{% static 'css/custom.css' %}" rel="stylesheet" type="text/css">
    <link rel="shortcut icon" href="{% static "favicon.ico" %}">
{% endblock %}

<script src="{% static "lib/bootstrap-3.1.1-dist/js/bootstrap.js" %}"></script>
<script type="text/javascript">window.__admin_media_prefix__ = "{% filter escapejs %}{% static "admin/" %}{% endfilter %}";</script>
</head>
...

Django is serving my admin OK, just without static files: CSS, JS, etc.

Static files for my public-facing pages work fine.

If I change STATIC_URL to '/static/', then the opposite is true: the admin is fine, but my public pages lose their static files.

Here's the weirdest part. If I "view source" of my admin pages in my browser, it shows the correct URL for static pages, for example:

/static/admin/css/base.css

But if I actually follow the link, it changes it to this:

http://localhost:8000/admin/static/admin/css/base.css

I think it's checking for static files relative to localhost:8000/admin/static/ instead of just localhost:8000/static/. It adds an extra "admin" level to the url, like static is part of the domain. I just can't figure out how to get rid of it.

I have tried collectstatic, but it doesn't help. The static files are in my static directory, they're just not being served. I can type in, say, http://localhost:8000/static/admin/css/base.css and I get the right CSS file (in plaintext). The files are there. I bet something is wrong with my configuration.

I've emptied my caches, restarted my dev server, etc. No beans.

ideas?

like image 839
aljabear Avatar asked May 19 '14 00:05

aljabear


People also ask

Why Django admin is not working?

'django-admin' is not recognized as an internal or external command, operable program or batch file. To fix this, first close the terminal window and relaunch it with administrator privileges. Once you launch the elevated terminal window change directory to where you wish to start your Django project.

How static files are defined in Django?

In addition to using a static/ directory inside your apps, you can define a list of directories ( STATICFILES_DIRS ) in your settings file where Django will also look for static files. For example: STATICFILES_DIRS = [ BASE_DIR / "static", '/var/www/static/', ]

Can Gunicorn serve static files?

Gunicorn is meant to serve dynamic content, it should not be used to serve static files.


5 Answers

If it helps anyone, I will share what the issue was with my code. Probably my stupid mistake but may save someone's time:

So, basically. my settings.py variables were something like this:

AWS_S3_CUSTOM_DOMAIN = f"{AWS_STORAGE_BUCKET_NAME}.s3.amazonaws.com/"
STATIC_URL = f"https://{AWS_S3_CUSTOM_DOMAIN}/static/"

I inspected the admin page css src tags and found out the URLs were like this: (Notice two forward slashes in the URL)
https://bucket-name.s3.amazonaws.com//admin/css/login.css.

So I changed my variables slightly and everything loaded fine.

AWS_S3_CUSTOM_DOMAIN = f"{AWS_STORAGE_BUCKET_NAME}.s3.amazonaws.com"
STATIC_URL = f"https://{AWS_S3_CUSTOM_DOMAIN}/static/"

That corrected the faulty URLs and static files loaded perfectly.

like image 175
Hammad Avatar answered Oct 21 '22 18:10

Hammad


Use django-admin.py collectstatic or go to ~/django/contrib/admin/static and copy the admin folder(which contains the static files) and paste them into your project's static directory.

**EDIT**

A desperate or clumsy solution you can try for: change your STATIC_URL to '/static/', as from question I saw this:

If I change STATIC_URL to '/static/', then the opposite is true: the admin is fine, but my public pages lose their static files.

Then check with inspect element/firebug, see what urls are being served in public pages. Probably a '/' missing or added a '/'. Adjust it, and see if it works.

like image 40
ruddra Avatar answered Oct 21 '22 17:10

ruddra


OK, I figured it out. There was some confusion in my settings files, and I did not have STATICFILES_DIRS correctly set.

In the end, I implemented the version-controlled settings files discussed in Two Scoops of Django 1.6, with this in my settings:

from unipath import Path

BASE_DIR         =  Path(__file__).ancestor(3)
MEDIA_ROOT       =  BASE_DIR.child('media')
STATIC_ROOT      =  BASE_DIR.child('static')

TEMPLATE_DIRS    = (
    BASE_DIR.child('templates'),
)

STATICFILES_DIRS = (
    BASE_DIR.child('myapp').child('static'),
)

STATIC_URL         = '/static/'
MEDIA_URL          = '/media/'

With this, my static files are being served correctly, both in admin and without. My media files, on the other hand, did not work without changing my urls.py in development, according to the accepted answer here. I did not have to do the same for my static files.

Anyways, I hope this helps anyone else banging their head against this particular wall.

like image 38
aljabear Avatar answered Oct 21 '22 17:10

aljabear


I faced the same issue for two times. The way i solved it was by pasting the static files of admin into static folder mentioned in the code -

cp -r /usr/local/lib/python2.7/site-packages/django/contrib/admin/static/admin /home/ec2-user/mywork-Deployment/mywork/static

This one definitely works and saves a lot of time and troubles. Hope it helps!

like image 35
Abhay Avatar answered Oct 21 '22 17:10

Abhay


First You need to try:python manage.py collectstatic then u got any errors just follow these steps

step1 **Remove these code from you**r settings.py

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, "static"),
    '/home/uour project/src/project name/static/',
)  //remove these lines

step2

Replace with it replace with these codes

STATIC_ROOT = os.path.join(BASE_DIR, 'static') //add these line

step3 open terminal and type:python manage.py collectstatic

like image 28
user10058773 Avatar answered Oct 21 '22 17:10

user10058773