Django HTML模板无法加载CSS文件

时间:2020-04-21 14:11:13

标签: python django django-views django-templates

在我的Django项目中,我添加了一个新的404页面,当我输入无效的网址时会被调用。 但是,该CSS文件未加载页面,因此显示格式错误。

浏览器给我这个错误:“拒绝应用样式,因为它的MIME类型('text / html')不是受支持的样式表MIME类型,并且启用了严格的MIME检查。”

重点是,'static'文件夹中还有其他CSS文件可以正确加载而不会出现此错误,例如bootstrap.css文件...

我的settings.py

# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = False

ALLOWED_HOSTS = ['localhost', '127.0.0.1']

# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/3.0/howto/static-files/

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

MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'static/media')

STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static')
]

我的urls.py

urlpatterns = [
    ...
]


handler400 = 'utils.views.error_400'
handler403 = 'utils.views.error_403'
handler404 = 'utils.views.error_404'
handler500 = 'utils.views.error_500'

我的utils.views.py

def error_400(request, exception):
        data = {}
        return render(request, 'utils/mv_admin_400.html', data)

def error_403(request,  exception):
        data = {}
        return render(request, 'utils/mv_admin_403.html', data)

def error_404(request,  exception):
        data = {}
        return render(request, 'utils/mv_admin_404.html', data)

def error_500(request):
        data = {}
        return render(request, 'utils/mv_admin_500.html', data)

我的404.html

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link href="{% static 'css/handlers/error-nf.css' %}" rel="stylesheet" type="text/css" />
  </head>

我的文件夹结构

src
  - mysite
  - static
    -- css
      --- bootstrap.css
      --- handlers
        ---- error-nf.css

我还尝试将css文件从“ handlers”文件夹移至父“ css”文件夹,但仍然会发生错误。

0 个答案:

没有答案
相关问题