Serving static files django 1.9 production Error
<p>I have tried following the solutions in the other stack overflow posts about serving Django static files in production, but I couldn't get them to work. My static files are located inside my django app folder (league). </p>

<p>My CSS files are not being properly loaded; I got the following error in the console in chrome: </p>

<pre><code>Resource interpreted as Stylesheet but transferred with MIME type text/html
Uncaught SyntaxError: Unexpected token !
profile:5 Uncaught SyntaxError: Unexpected token !
</code></pre>

<p>I think that the css files are being interpreted as html files? I don't think the javascript files are being loaded properly either...</p>

<p>When I checked the source file on chrome and clicked on the link to the css file, they don't work. So I am guessing that the link to the css files don't work? </p>

<p>The links and scripts to load the css and javascript files are:</p>

<pre><code>    &lt;head&gt;
&lt;!-- Latest compiled and minified CSS --&gt;
&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"&gt;&lt;/script&gt;
&lt;link rel="stylesheet" href="{% static 'league/css/bootstrap-theme.css' %}"&gt;
&lt;link rel="stylesheet" href="{% static 'league/css/bootstrap-theme.min.css' %}"&gt;
&lt;link rel="stylesheet" href="{% static 'league/css/bootstrap.css' %}"&gt;

&lt;!-- Optional theme --&gt;
&lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous"&gt;

&lt;!-- Latest compiled and minified JavaScript --&gt;

&lt;script type="text/javascript" src="{% static 'league/js/bootstrap.min.js' %}"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="{% static 'league/js/npm.js' %}"&gt;&lt;/script&gt;
&lt;!-- jQuery library --&gt;

&lt;script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"&gt;&lt;/script&gt;
&lt;link rel="stylesheet" href="{% static 'league/css/f-style.css' %}"&gt;
&lt;/head&gt;
</code></pre>

<p>My the relevant files in my settings.py file are as follows:</p>

<pre><code>STATICFILES_FINDERS = (
'django.contrib.staticfiles.finders.FileSystemFinder',
'django.contrib.staticfiles.finders.AppDirectoriesFinder',
#    'django.contrib.staticfiles.finders.DefaultStorageFinder',
)

STATIC_URL = '/league/static/'
SITE_ID = 1
STATIC_ROOT = BASE_DIR + '/league/static/'
</code></pre>

<p>The configuration file on my apache server is as follows:</p>

<pre><code>&lt;VirtualHost *:80&gt;
    ServerAdmin webmaster@localhost
    DocumentRoot /var/www/html
    Alias /static /home/ubunu/project/league/static
    &lt;Directory /home/ubuntu/project/league/static&gt;
            Require all granted
    &lt;/Directory&gt;
    &lt;Directory /home/ubuntu/project/fantasy&gt;
            &lt;Files wsgi.py&gt;
                    Require all granted
            &lt;/Files&gt;
    &lt;/Directory&gt;

    WSGIDaemonProcess project python-path=/home/ubuntu/project:/home/ubuntu/project/myprojectenv/lib/python2.7/$
    WSGIProcessGroup project
    WSGIScriptAlias / /home/ubuntu/project/fantasy/wsgi.py

&lt;/VirtualHost&gt;
</code></pre>

<p>Thanks!</p>