Не подключается css (staticfiles, staticroot)?

Question

[xxx]

settings.py

STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(os.path.dirname(BASE_DIR), "static_cdn")

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

MEDIA_URL = "/media/"
MEDIA_ROOT = os.path.join(os.path.dirname(BASE_DIR), "media_cdn")

Структура

Django-blog/
├── media_cdn
│   ├── 11
│   ├── 13
│   ├── 16
│   └── None
├── mysite
│   ├── blog
│   │   ├── migrations
│   │   └── templates
│   ├── comments
│   │   └── migrations
│   ├── mysite
│   └── static
│       └── css
├── static_cdn
│   ├── admin
│   │   ├── css
│   │   ├── fonts
│   │   ├── img
│   │   │   └── gis
│   │   └── js
│   │       ├── admin
│   │       └── vendor
│   │           ├── jquery
│   │           └── xregexp
│   ├── css
│   ├── pagedown
│   │   ├── demo
│   │   │   ├── browser
│   │   │   └── node
│   │   └── local
│   └── pagedown-extra
│       └── pagedown

Comments

[Сергей Горностаев]

Не подключается чем? Dev-сервером? Nginx'ом? Apache'м?

[xxx]

Сергей Горностаев: На VPS Nginx сервер стоит

[Артем]

Nginx должен раздавать static_cdn, покажите его конф...те тут не к джанго вопрос то

[xxx]

Артем:
/etc/nginx/sites-available

server {
    listen 80;
    server_name мой_ip; #либо ip, либо доменное имя
    access_log  /var/log/nginx/example.log;

    location /static/ {
        root home/splitpoint/Django-blog/mysite/static/;
        expires 30d;
    }

    location / {
        proxy_pass http://127.0.0.1:8000;
        proxy_set_header Host $server_name;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
  }

[Артем]

а collectstatic что говорит?

[xxx]

int@debian:/home/Django-blog/mysite$ python manage.py collectstatic

You have requested to collect static files at the destination
location as specified in your settings:

    /home/Django-blog/static_cdn

This will overwrite existing files!
Are you sure you want to do this?

Type 'yes' to continue, or 'no' to cancel: y
CommandError: Collecting static files cancelled.

int@debian:/home/Django-blog/mysite$ python manage.py collectstatic --noinput

0 static files copied to '/home/Django-blog/static_cdn', 77 unmodified.

[Дмитрий Бурнаев]

попробуй путь к папке со статикой указать с слешем в начале:

location /static/ {
        root /home/splitpoint/Django-blog/mysite/static/;
        expires 30d;
    }

[xxx]

Дмитрий Бурнаев: Не помогло, опять же

int@debian:/home/Django-blog/mysite$ python manage.py collectstatic

You have requested to collect static files at the destination
location as specified in your settings:

    /home/Django-blog/static_cdn

This will overwrite existing files!
Are you sure you want to do this?

Type 'yes' to continue, or 'no' to cancel: y
CommandError: Collecting static files cancelled.

[Дмитрий Бурнаев]

Ivan Ch: ну дык джанго говорит что путь к статике - /home/Django-blog/static_cdn
то есть файлы фактически там?
если да, то nginx конфиг должен смотреть на эту же папку, а не на /home/splitpoint/Django-blog/mysite/static/

[xxx]

Дмитрий Бурнаев:
Поменял путь в конфиге nginx. Сделал рестарт nginx.
Делаю

int@debian:/home/Django-blog/mysite$ python manage.py collectstatic

You have requested to collect static files at the destination
location as specified in your settings:

    /home/Django-blog/static_cdn

This will overwrite existing files!
Are you sure you want to do this?

Type 'yes' to continue, or 'no' to cancel: y
CommandError: Collecting static files cancelled.

Я видимо понял. У меня нет такой директории вообще "/home/Django-blog/static_cdn" У меня есть
" /home/splitpoint/Django-blog/static_cdn/"

[Артем]

значит статика в /home/Django-blog/static_cdn и пусть nginx смотрит туда

Type 'yes' to continue, or 'no' to cancel: y

тут нужно yes

[xxx]

Артем: Увы, статика все равно не подключилась. После
Изменения пути в nginx.

server {
    listen 80;
    server_name мой_ip; #либо ip, либо доменное имя
    access_log  /var/log/nginx/example.log;

    location /static/ {
        root /home/Django-blog/static_cdn;
        expires 30d;
    }

    location / {
        proxy_pass http://127.0.0.1:8000;
        proxy_set_header Host $server_name;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    }
  }

И после сделав

int@debian:/home/Django-blog/mysite$ python manage.py collectstatic

You have requested to collect static files at the destination
location as specified in your settings:

    /home/Django-blog/static_cdn

This will overwrite existing files!
Are you sure you want to do this?

Type 'yes' to continue, or 'no' to cancel: yes

0 static files copied to '/home/Django-blog/static_cdn', 77 unmodified.

Получаю, что 0 файлов скопировано
Куда дальше двигаться ?

[Артем]

Ivan Ch: да собственно - должно работать теперь

[Артем]

может на фронте что-то не то? тк nginx раздает /home/Django-blog/static_cdn; 0 static files copied to '/home/Django-blog/static_cdn', 77 unmodified. - файлы лежат...тут или нет этого файла или фронт не туда тыкается

[xxx]

Артем: Собственно после

int@debian:/home/Django-blog$ cd mysite/
int@debian:/home/Django-blog/mysite$ ls
blog  comments	db.sqlite3  manage.py  mysite  static
int@debian:/home/Django-blog/mysite$ gunicorn mysite.wsgi:application
[2017-05-03 14:36:03 +0000] [62096] [INFO] Starting gunicorn 19.7.1
[2017-05-03 14:36:03 +0000] [62096] [INFO] Listening at: http://127.0.0.1:8000 (62096)
[2017-05-03 14:36:03 +0000] [62096] [INFO] Using worker: sync
[2017-05-03 14:36:03 +0000] [62101] [INFO] Booting worker with pid: 62101

Сайт запускается на 80 порту, все отображается, кроме стилей....

[Артем]

Ivan Ch: покажи шаблон, место где подгружаешь стили

[xxx]

Артем:

<!-- Link to css file of the project (local) -->
<link rel="stylesheet" type="text/css" href='{% static "css/base.css" %}' />

[Артем]

Ivan Ch: отлично, теперь проверь в /home/Django-blog/static_cdn; наличие css/base.css

[xxx]

Артем: Понял

[xxx]

Артем:

int@debian:/home/Django-blog/static_cdn$ tree
.
├── admin
│   ├── css
│   │   ├── base.css
│   │   ├── changelists.css
│   │   ├── dashboard.css
│   │   ├── fonts.css
│   │   ├── forms.css
│   │   ├── login.css
│   │   ├── pagedown.css
│   │   ├── rtl.css
│   │   └── widgets.css
│   ├── fonts
│   │   ├── LICENSE.txt
│   │   ├── README.txt
│   │   ├── Roboto-Bold-webfont.woff
│   │   ├── Roboto-Light-webfont.woff
│   │   └── Roboto-Regular-webfont.woff
│   ├── img
│   │   ├── calendar-icons.svg
│   │   ├── gis
│   │   │   ├── move_vertex_off.svg
│   │   │   └── move_vertex_on.svg
│   │   ├── icon-addlink.svg
│   │   ├── icon-alert.svg
│   │   ├── icon-calendar.svg
│   │   ├── icon-changelink.svg
│   │   ├── icon-clock.svg
│   │   ├── icon-deletelink.svg
│   │   ├── icon-no.svg
│   │   ├── icon-unknown-alt.svg
│   │   ├── icon-unknown.svg
│   │   ├── icon-yes.svg
│   │   ├── inline-delete.svg
│   │   ├── LICENSE
│   │   ├── README.txt
│   │   ├── search.svg
│   │   ├── selector-icons.svg
│   │   ├── sorting-icons.svg
│   │   ├── tooltag-add.svg
│   │   └── tooltag-arrowright.svg
│   └── js
│       ├── actions.js
│       ├── actions.min.js
│       ├── admin
│       │   ├── DateTimeShortcuts.js
│       │   └── RelatedObjectLookups.js
│       ├── calendar.js
│       ├── cancel.js
│       ├── change_form.js
│       ├── collapse.js
│       ├── collapse.min.js
│       ├── core.js
│       ├── inlines.js
│       ├── inlines.min.js
│       ├── jquery.init.js
│       ├── pagedown.js
│       ├── popup_response.js
│       ├── prepopulate_init.js
│       ├── prepopulate.js
│       ├── prepopulate.min.js
│       ├── SelectBox.js
│       ├── SelectFilter2.js
│       ├── timeparse.js
│       ├── urlify.js
│       └── vendor
│           ├── jquery
│           │   ├── jquery.js
│           │   ├── jquery.min.js
│           │   └── LICENSE-JQUERY.txt
│           └── xregexp
│               ├── LICENSE-XREGEXP.txt
│               ├── xregexp.js
│               └── xregexp.min.js
├── css
│   └── base.css
├── pagedown
│   ├── demo
│   │   ├── browser
│   │   │   ├── demo.css
│   │   │   └── demo.html
│   │   └── node
│   │       └── demo.js
│   ├── LICENSE.txt
│   ├── local
│   │   └── Markdown.local.fr.js
│   ├── Markdown.Converter.js
│   ├── Markdown.Editor.js
│   ├── Markdown.Sanitizer.js
│   ├── node-pagedown.js
│   └── wmd-buttons.png
├── pagedown-extra
│   ├── Markdown.Extra.js
│   └── pagedown
│       └── Markdown.Converter.js
└── pagedown_init.js

18 directories, 77 files

в /home/Django-blog/static_cdn; наличие css/base.css - есть
Я уже не понимаю что мне тыкать в nginx.

[Артем]

Ivan Ch: ok, давай посмотрим /var/log/nginx/example.log;

[xxx]

Артем:

109.167.253.79 - - [03/May/2017:15:05:30 +0300] "GET /admin/login/?next=/admin/ HTTP/1.1" 200 870 "-" "Mozilla/5.0 (X11; Ubuntu; Linux$
109.167.253.79 - - [03/May/2017:15:05:30 +0300] "GET /static/admin/css/base.css HTTP/1.1" 404 142 "http://194.87.102.184/admin/login/?$
109.167.253.79 - - [03/May/2017:15:05:30 +0300] "GET /static/admin/css/login.css HTTP/1.1" 404 142 "http://194.87.102.184/admin/login/$
109.167.253.79 - - [03/May/2017:15:05:34 +0300] "GET /post/ HTTP/1.1" 200 1921 "-" "Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:53.0) G$
109.167.253.79 - - [03/May/2017:15:05:34 +0300] "GET /media/None/tarantino-20years-filmmaking.jpg HTTP/1.1" 404 260 "http://194.87.102$
109.167.253.79 - - [03/May/2017:15:05:34 +0300] "GET /media/None/385439.jpg HTTP/1.1" 404 260 "http://194.87.102.184/post/" "Mozilla/5$
109.167.253.79 - - [03/May/2017:15:05:35 +0300] "GET /static/css/base.css HTTP/1.1" 404 142 "http://194.87.102.184/post/" "Mozilla/5.0$
109.167.253.79 - - [03/May/2017:15:05:35 +0300] "GET /media/None/tarantino-20years-filmmaking.jpg HTTP/1.1" 404 260 "http://194.87.102$
109.167.253.79 - - [03/May/2017:15:05:35 +0300] "GET /media/None/385439.jpg HTTP/1.1" 404 260 "http://194.87.102.184/post/" "Mozilla/5$
187.87.87.27 - - [03/May/2017:15:05:44 +0300] "GET / HTTP/1.1" 404 340 "-" "curl/7.17.1 (mips-unknown-linux-gnu) libcurl/7.17.1 OpenSS$
187.87.87.80 - - [03/May/2017:15:19:06 +0300] "GET / HTTP/1.1" 499 0 "-" "curl/7.17.1 (mips-unknown-linux-gnu) libcurl/7.17.1 OpenSSL/$

[Артем]

Ivan Ch: ну смотри /static/css/base.css HTTP/1.1" 404 - так не бывает =) значит файла нет, проверяй пути
не забывай рестартовать nginx

[Артем]

Ivan Ch: если не получиться пиши в телеграмм, так можно год провозиться :)

[xxx]

Артем: Написал на почту

[Артем]

Ivan Ch: писем -нет, телеграмм, скайп

[xxx]

Артем: Ну так какой у тебя телеграмм?)

[Артем]

Ivan Ch: у тебя в профиле написанно ИБ/Pentest, прояви логику ИБшника)

[Дмитрий Бурнаев]

Ivan Ch: В самом браузере если вбить http://<Твой домен>/static/css/base.css - ты получаешь 404?
попробуй в nginx

location /static/ {
        alias /home/Django-blog/static_cdn;
        expires 30d;
    }

то есть root замени на alias
+ проверь какие права у тебя на статику?