How to fetch static CSS files with django on IIS?

Yes, I am a newbie. Sometimes I ask “newbie questions”, same as many others here. But apparently, there is no room for such questions on this site (and this is why I got down-voted on my initial question at the top and got banned out of this site – this is my last answer that I can write on this site). Guys, people ask questions because they honestly ask for help and hope to get it here. They don’t do it to irritate any of you (you can vote to close this answer too, if it makes you feel good)


Anyway, after struggling for 2 days, for the sake of those who have the same problem, I wanted to share a step-by-step solution for (probably a common) issue.

Problem

You have started a django project on IIS and it is working perfectly on your localhost. Now, when deploying it to web-server, the static files (CSS, JS, images,..) are not fetched. You can read here and here , but in fact, you don’t want all these configurations and copying files from one directory to another…

What you want is that your IIS server will fetch the static files from the static/ directory, just as the development server (the one you run with python manage.py runserver) did.
enter image description here

Solution

1) inside the static/ directory, create a new file called web.config (notice, you probably have another web.config file in upper directory – don;t touch it. just leave it as is).
enter image description here

2) Write the following as the content of this file:

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <system.webServer>
    <!-- this configuration overrides the FastCGI handler to let IIS serve the static files -->
    <handlers>
    <clear/>
      <add name="StaticFile" path="*" verb="*" modules="StaticFileModule" resourceType="File" requireAccess="Read" />
    </handlers>
  </system.webServer>
</configuration>

3) Go to your IIS server -> right click the site name -> Add virtual directory
enter image description here

4) in alias wrote “static” (This is a MUST). Then, navigate to the folder in the project where all the static files are

enter image description here

5) run IIS server and enter your website. It should work.

Leave a Comment