【Django】デプロイ時にstaticファイルが反映されない

Question

Djangoで作成したアプリをデプロイしたのですが、staticファイルを読み込んでくれません。（もちろん、開発環境においては、staticファイルは読み込まれています。）
サーバーは、Ubuntu serverで、nginx、gunicornで動いています。

https://docs.nginx.com/nginx/admin-guide/web-server/app-gateway-uwsgi-django/
上記のnginxのドキュメントを見て、
/etc/nginx/sites-enabled/default
に、下記のとおり記載をしてみました。

location /static/ {
alias /myproject/testproject/test/static/;
}

また、
/testproject/urls.py
には、下記のように記載しています。

urlpatterns = [
]+ static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

この上で、サーバー上でpython manage.py collectstaticを実行しました。

You have requested to collect static files at the destination
location as specified in your settings:
/home/username/myproject/testproject/test/static
This will overwrite existing files!
Are you sure you want to do this?
Type 'yes' to continue, or 'no' to cancel: yes
Copying '/home/username/myproject/testproject/lib/python3.5/site-packages/jet/static/admin/css/forms.css'
……
Found another file with the destination path 'admin/css/forms.css'. It will be ignored since only the first encountered file is collected. If this is not what you want, make sure every static file has a unique path.
……
Copying '/home/username/myproject/archifields/lib/python3.5/site-packages/django/contrib/admin/static/admin/img/gis/move_vertex_off.svg'
……
444 static files copied to '/home/username/myproject/testproject/test/static', 2932 unmodified.
と表示され、collectstaticはうまく動いているように見えます。

その後、ページにアクセスすると、画像は表示されないのですが、レンダリングされたhtmlを見て、画像が表示されるべきURLに行くと、

<h1>Not Found</h1><p>The requested URL /test/static/images/open-iconic/svg/question-mark.svg was not found on this server.</p> と表示されます。 しかし、サーバー上で見ると、/test/static/images/open-iconic/svg/question-mark.svgは確かにあります。 なぜ、うまくいかなかったのでしょうか。 何かお気づきの点がある方、ご教示頂ければ幸いです。

なお、/var/log/nginx/error.log.1を見てみると、下記のエラーが表示されます。

2018/05/06 15:12:38 [error] 27881#27881: *20099 open() "/myproject/testproject/test/static/css/style.css" failed (2: No such file or directory), client: 66.249.79.92, server: www.testproject.com, request: "GET /static/css/style.css HTTP/1.1", host: "www.sample.jp", referrer: "http://www.sample.jp/specific_tag/10060031/"
myproject/testproject/test/static/css/style.cssを見ているのですが、そこにstyle.cssはあるはずですので、なぜなのか分かりません。

Comments

[yuokada]

nginxのエラーログをみて"not found"になる時にどのファイルを参照しようとしているか確認できますか？

[退会済みユーザー]

ありがとうございます。本文にも書きましたが、/var/log/nginx/error.log.1を見てみた所、open() "/myproject/testproject/test/static/css/style.css" failed (2: No such file or directory)というエラーが表示されました。

[yuokada]

nginxはこのPATHをみにいってますね。なので、nginxの設定ファイルを直せば上手く動くかと思います。 => "/myproject/testproject/test/static/css/style.css"

Answer 1

444 static files copied to '/home/username/myproject/testproject/test/static', 2932 unmodified.
と表示され、collectstaticはうまく動いているように見えます。

ファイルがここにあるということからnginxの設定をこんな風にすれば動かないですかね?

location /static/ {
    root /home/username/myproject/testproject/test;
}

Comments

[退会済みユーザー]

ありがとうございます。
location /static/ {
root /home/username/myproject/testproject/test;
}
としたり、他にも色々試してみましたが、うまくいきませんでした。

なお、/var/log/nginx/error.logを見てみると、
2018/05/07 14:14:09 [error] 13477#13477: *24 connect() failed (111: Connection refused) while connecting to upstream, client: 66.249.66.136, server: www.testproject.com,
というエラーが出ます。

[yuokada]

> Connection refused

ここから判断するにuWSGIのサーバーと接続がうまく出来てないように思いますがuWSGIのサーバー(プロセス)は起動してますか？
(自分はgunicorn使う派なのでuWSGIはそこまで詳しくないです）

[退会済みユーザー]

ありがとうございます。色々試してみて、最終的に/etc/nginx/sites-enabled/defaultについて、下記の設定にすることでうまく動きました。

upstream test{
server 127.0.0.1:3000;
}

server {
listen 80 default_server;
listen [::]:80 default_server ipv6only=on;

access_log /var/log/nginx/localhost.access_log;

root /var/www/html;

location / {
proxy_set_header Host $host;
proxy_pass http://test;
}

location /static/ {
root /myproject/testproject/test/;
}
}

[退会済みユーザー]

後で、Chromeではstaticファイルが見えるのにも関わらず、Firefox、Internet Explorerでは見えないという状態が見つかったので、
https://teratail.com/questions/125848
で質問をし直しました。