使用 Django 应用程序加载 CSS 的 Mime 类型问题答案

【问题标题】：Mime Type Issue Loading CSS With Django App使用 Django 应用程序加载 CSS 的 Mime 类型问题
【发布时间】：2020-05-15 06:35:20
【问题描述】：

我有一个托管在 Heroku 上的 Django 应用程序，但我的样式表没有加载。现在我已经花时间阅读了关于这个问题的其他问题，但我相信每种情况都是独一无二的。现在报错如下：

拒绝应用来自 'https://mazzodjangoapp.herokuapp.com/static/blog/main.css' 的样式，因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型，并且有严格的 MIME 检查已启用。

静态目录在我的 settings.py 文件中定义为：

STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
STATIC_URL = '/static/'

在我的 base.html 文件中，我的链接标签如下所示：

<link rel="stylesheet" type="text/css" href="{% static 'blog/main.css' %}">

在本地工作。为什么在 Heroku 环境中加载不出来？

【问题讨论】：

【解决方案1】：

根据配置 Django 应用的 Heroku 指南，您需要使用 pip 并安装 django_heroku

pip install django_heroku

将其添加到您的 settings.py

import django_heroku

最后，将其添加到 settings.py 文件的底部

django_heroku.settings(locals())

【讨论】：

【解决方案2】：

Here 是我用来设置白噪声的链接。

基本上

添加到中间件

MIDDLEWARE = [

django.middleware.security.SecurityMiddleware',

'whitenoise.middleware.WhiteNoiseMiddleware',

 #...

]

仅此而已。然后将代码发送到 Heroku

【讨论】：

【解决方案3】：

确保DEBUG = False 在settings.py中

【讨论】：

【解决方案4】：

在推送到 Heroku 之前，您需要运行 $ python manage.py collectstatic。

【讨论】：