Главная страница открывается, но стили не прорисовываются

@Zay · Регистрация: 08.08.2020

Студворк — интернет-сервис помощи студентам

Прохожу курс по джанго от udemy. Перекидываю проект на https://vds.selectel.ru/ . после сбора статики делаю тестовый запуск сервера , главная страница открывается но стили не прорисовываются. Хотя в курсе который прохожу сразу прорисовывается главная страница, но второстепенные страницы не рисуются. Подумал что может дело в том что nginx еще на работает, сделал все как было сказано, до конца, ошибок не выходило но стили так и не прорисовались. В курсе весь проект отрисовался. Что может быть?

@kazak · 26.05.2023, 21:19

Сообщение от Zay

сделал все как было сказано

Мы не знаем, что там в курсе было сказано.

@Zay · 26.05.2023, 22:35 **[ТС]**

какую то часть кода вам показать что бы было понятно?

@kazak · 26.05.2023, 22:53

Для начала по шагам описать что делали, какие конфиги в итоге получились.

@Zay · 27.05.2023, 10:57 **[ТС]**

1. создал сервер на vds.selectel.ru
2. cсоздал пользователя, настроил Postgresql
3. установил питон, создал виртуальное окружение
4. перенес проект на сервер через ftp
5. установил все пакеты включая джанго на сервере
6. прописал переменную:
settings.py:

Python
1
STATIC_ROOT = os.path.join(BASE_DIR, 'static/')

7. сбор статики:

Python
1
python3 manage.py collectstatic

8. Проверил, файлы появились.
9. прописал свой сервер
settings.py

Python
1
ALLOWED_HOSTS = ['*.*.*.*']

10. Проверочный запуск сервера:

Python
1
python3 manage.py runserver 0.0.0.0:8000

в браузере:
*.*.*.*:8000
здесь уже не отрисовываются стили
11. установил gunicorn:

Code
1
pip install gunicorn

Далее:

Code
1
sudo nano /etc/systemd/system/gunicorn.socket

Прописал:

Code
1
2
3
4
5
6
[Unit]
Description=gunicorn socket
[Socket]
ListenStream=/run/gunicorn.sock
[Install]
WantedBy=socket.target

Двлее:

Code
1
sudo nano /etc/systemd/system/gunicorn.service

Прописал:

Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
[Unit]
Description=gunicorn daemon
Requires=gunicorn.socket
After=network.target
 
[Service]
User=max  
Group=www-data
WorkingDirectory=/home/max/store-server/store 
ExecStart=/home/max/store-server/venv/bin/gunicorn \ 
          --access-logfile - \
          --workers 3 \
          --bind unix:/run/gunicorn.sock \
          store.wsgi:application
[Install]
WantedBy=multi-user.target

12. Запустил socket:

Code
1
sudo systemctl start gunicorn.socket

13. Включил socket:

Code
1
sudo systemctl enable gunicorn.socket

14. Проверил работоспособность socket:

Code
1
sudo systemctl status gunicorn.socket

->

Code
1
2
3
4
5
6
7
8
9
● gunicorn.socket - gunicorn socket
     Loaded: loaded (/etc/systemd/system/gunicorn.socket; enabled; vendor preset: ena>
     Active: active (running) since Fri 2023-05-26 13:34:31 UTC; 18h ago
   Triggers: ● gunicorn.service
     Listen: /run/gunicorn.sock (Stream)
     CGroup: /system.slice/gunicorn.socket
 
May 26 13:34:31 test-store-server systemd[1]: Listening on gunicorn socket.
lines 1-8/8 (END)

15.Проверил работоспособность gunicorn:

Code
1
sudo systemctl status gunicorn

->

Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
● gunicorn.service - gunicorn daemon
     Loaded: loaded (/etc/systemd/system/gunicorn.service; disabled; vendor preset: en>
     Active: active (running) since Fri 2023-05-26 19:12:05 UTC; 12h ago
TriggeredBy: ● gunicorn.socket
   Main PID: 4254 (gunicorn)
      Tasks: 4 (limit: 470)
     Memory: 138.1M
        CPU: 16.492s
     CGroup: /system.slice/gunicorn.service
             ├─4254 /home/max/store-server/venv/bin/python3 /home/max/store-server/ven>
             ├─4257 /home/max/store-server/venv/bin/python3 /home/max/store-server/ven>
             ├─4258 /home/max/store-server/venv/bin/python3 /home/max/store-server/ven>
             └─4259 /home/max/store-server/venv/bin/python3 /home/max/store-server/ven>
 
May 27 04:58:51 test-store-server gunicorn[4257]:  - - [27/May/2023:04:58:51 +0000] "G>
May 27 05:05:37 test-store-server gunicorn[4258]:  - - [27/May/2023:05:05:37 +0000] "G>
May 27 05:09:19 test-store-server gunicorn[4259]:  - - [27/May/2023:05:09:19 +0000] "G>
May 27 05:51:35 test-store-server gunicorn[4258]:  - - [27/May/2023:05:51:35 +0000] "G>
May 27 06:27:09 test-store-server gunicorn[4257]:  - - [27/May/2023:06:27:09 +0000] "G>
May 27 06:50:39 test-store-server gunicorn[4257]:  - - [27/May/2023:06:50:39 +0000] "G>
May 27 07:18:32 test-store-server gunicorn[4257]:  - - [27/May/2023:07:18:32 +0000] "G>
May 27 07:32:43 test-store-server gunicorn[4258]:  - - [27/May/2023:07:32:43 +0000] "G>
May 27 07:43:37 test-store-server gunicorn[4257]:  - - [27/May/2023:07:43:37 +0000] "G>
May 27 07:47:36 test-store-server gunicorn[4258]:  - - [27/May/2023:07:47:36 +0000] "G>
lines 1-24/24 (END)

16.ПЕрезапустил gunicorn:

Code
1
2
sudo systemctl daemon-reload
sudo systemctl restart gunicorn

17. nginx

Code
1
2
sudo apt install nginx
sudo nano /etc/nginx/sites-available/store

Прописал:

Code
1
2
3
4
5
6
7
8
9
10
11
server {
    listen 80;
    server_name *.*.*.*;
    location  =  /favicon.ico { access_log off; log_not_found off; }
    location  /static/ {
        root  /home/max/store-server/store;
    location  / {
        include proxy_params;
        proxy_pass [url]http://unix:/run/gunicorn.sock;[/url]
    }
}

18. Запустил

Code
1
sudo ln -s /etc/nginx/sites-available/store /etc/nginx/sites-enabled

19. Проверил конфигурацию:

Code
1
sudo nginx -t

->

Code
1
2
3
nginx: [warn] conflicting server name "84.38.182.150" on 0.0.0.0:80, ignored
nginx: the configuration file /etc/nginx/nginx.conf syntax is ok
nginx: configuration file /etc/nginx/nginx.conf test is successful

20.Перезапустил nginx:

Code
1
sudo systemctl restart nginx

21. Захожу на http://*.*.*.*
-> Разметка есть, стилей нет

Добавлено через 13 минут
На локальном сервере все стили присутствуют

@Zay · 27.05.2023, 22:11 **[ТС]**

вопрос снят, разобрался

Новые блоги и статьи Все статьи Все блоги /
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .

@Zay 57 / 15 / 6 Регистрация: 08.08.2020 Сообщений: 266

	Главная страница открывается, но стили не прорисовываются 26.05.2023, 13:50. Показов 735. Ответов 5 Метки нет (Все метки) Прохожу курс по джанго от udemy. Перекидываю проект на https://vds.selectel.ru/ . после сбора статики делаю тестовый запуск сервера , главная страница открывается но стили не прорисовываются. Хотя в курсе который прохожу сразу прорисовывается главная страница, но второстепенные страницы не рисуются. Подумал что может дело в том что nginx еще на работает, сделал все как было сказано, до конца, ошибок не выходило но стили так и не прорисовались. В курсе весь проект отрисовался. Что может быть? 0

@Zay 57 / 15 / 6 Регистрация: 08.08.2020 Сообщений: 266
	26.05.2023, 22:35 [ТС]
	какую то часть кода вам показать что бы было понятно? 0

@kazak 3602 / 2743 / 355 Регистрация: 11.03.2009 Сообщений: 6,304
	26.05.2023, 22:53
	Для начала по шагам описать что делали, какие конфиги в итоге получились. 0

@Zay 57 / 15 / 6 Регистрация: 08.08.2020 Сообщений: 266
	27.05.2023, 22:11 [ТС]
	вопрос снят, разобрался 0