Why is My CSS Not Loading in Django?

Troubleshooting: CSS not Loading Due to Wrong MIME Type in Django

When attempting to load CSS and JavaScript files in a Django application, users may encounter an issue where the files fail to load, resulting in an error message like "Resource interpreted as Stylesheet but transferred with MIME type application/x-css." This error indicates a mismatch between the file's expected MIME type and the MIME type being sent by the server.

To resolve this issue, a potential solution is to manually add the correct MIME type for CSS files to the Django settings file (settings.py).

By adding the following code snippet to settings.py, you can instruct the server to treat files with a .css extension as text/css files:

import mimetypes
mimetypes.add_type("text/css", ".css", True)

This modification ensures that the server correctly identifies CSS files and serves them with the appropriate MIME type, allowing the browser to interpret them as stylesheets.

The above is the detailed content of Why is My CSS Not Loading in Django?. For more information, please follow other related articles on the PHP Chinese website!