Django HTML шаблоны не могут загружать CSS файлы - PullRequest
0 голосов
/ 21 апреля 2020

В моем проекте Django я добавил новую страницу 404, которая вызывается при вводе неверного URL. Но файл CSS не загружается вместе со страницей, поэтому он выглядит неправильно отформатированным.

Браузер выдает мне эту ошибку: "Отказался от применения стиля из-за его типа MIME ('text / html ') не поддерживается MIME-типом таблицы стилей, и включена строгая проверка MIME. "

Дело в том, что в ' stati * 1031 есть другие файлы CSS Папка * ', которая корректно загружается без этой ошибки, например, файл bootstrap. css ...

My 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')
]

My 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», но ошибка все еще возникает.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...