前提・実現したいこと
DjangoプロジェクトをAWS EC2にデプロイしたのですが、管理画面、作成ページともにstaticファイルが読み込まれなくなりました。
読み込み方を教えていただきたいです。
Gunicorn、nginxを利用しています。
python3 manage.py findstatic . (作成したstaticが読み込まれていない)
Found '.' here: /home/ec2-user/.local/lib/python3.7/site-packages/django/contrib/admin/static
Choromeコンソールエラー
Refused to apply style from '<URL>' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled. Refused to apply style from 'http://”AWSパブリックIP”/static/css/base.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
var/log/nginx/error.log
[error] 8720#0: *122 open() "/static/css/base.css" failed (2: No such file or directory), client: 118.238.216.126, server: ”AWSパブリックIP”, request: "GET /static/css/base.css HTTP/1.1", host: "”AWSパブリックIP”", referrer: "http://”AWSパブリックIP”/"
ファイル構成
myproject/ config/ __pycache__ __init__.py asgi.py settings.py urls.py wsgi.py static/ css images js myapp/ __pycache__ migrations __init__.py admin.py apps.py forms.py models.py tests.py urls.py views.py templates/ myapp/ base.html index.html
該当のソースコード
Python
1[config/settings.py] 2DEBUG = False 3 4STATIC_URL = '/static/' 5STATIC_ROOT = os.path.join(BASE_DIR, 'static')
[/etc/nginx/nginx.conf] server { #listen 80; #listen [::]:80; #server_name _; #root /usr/share/nginx/html; listen 80; server_name ”AWSパブリックIP” client_max_body_size 4G; # Load configuration files for the default server block. include /etc/nginx/default.d/*.conf; location / { proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header Host $http_host; proxy_redirect off; proxy_pass http://app_server; } location /static/ { alias /home/ec2-user/myproject/static/; } error_page 404 /404.html; location = /40x.html { } error_page 500 502 503 504 /50x.html; location = /50x.html { } }
HTML
1[base.html] 2<link rel="stylesheet" type="text/css" href="{% static 'css/base.css' %}">
試したこと
・collectstaticでAdminのCssを上記CSSに集約
・nginx.confのaliasをmyproject/static/に変更
・nginx再起動
・HTMLコードCSSlinkにtype="text/css"追記
・ec2-userにパーミッションを振る(sudo chmod o+x /home/ec2-user/)
バージョン
gunicorn (version 20.0.4) nginx/1.18.0 Python 3.7.9 pip 20.3.1
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。