Мой html не соединяется с моим css только при запуске через сервер
Я создаю приложение Django, и когда я пытаюсь запустить различные страницы, HTML загружается, но не CSS, когда я открываю файлы обычно (не с сервера), все работает нормально, но когда я запускаю их через сервер, он ищет CSS на странице URL. Вот пример: на URL:http://127.0.0.1:8000/profile/create/. HTML работает, но CSS не работает, и в терминале я получаю следующее:
[21/Dec/2022 10:11:54] "GET /profile/create/ HTTP/1.1" 200 1374
Not Found: /profile/create/style.css
[21/Dec/2022 10:11:54] "GET /profile/create/style.css HTTP/1.1" 404 2993
HTML и CSS находятся в одной директории, и вот мое подключение из моего HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="style.css">
<title>MyPlantApp</title>
</head>
Пробовали ли вы поставить /
перед style.css
?
Вы пытаетесь получить style.css из относительного пути HTML файла.
Если вы поставите / перед style.css
, он попытается получить файл css из корневого каталога.
/style.css
вместо style.css
<!-- Your Code -->
<link rel="stylesheet" type="text/css" href="style.css">
<!-- Might help -->
<link rel="stylesheet" type="text/css" href="/style.css">
Вам необходимо создать папку для статических файлов и хранить в ней все статические файлы. Установите каталог статических файлов с помощью этого кода в файле settings.py
STATICFILES_DIRS = [
(os.path.join(BASE_DIR, "static/")),
]
ваша статическая папка должна выглядеть следующим образом
папка статических файлов.
Также вам нужно использовать правильный синтаксис шаблонов для указания поиска ваших статических файлов.
изменить
<link rel="stylesheet" type="text/css" href="style.css">
на
<link rel="stylesheet" type="text/css" href="{% static 'style.css' %}">