herokuデプロイ時の画像(静的ファイル)のエラー django
解決したいこと
djangoでherokuにデプロイしています。
ローカルで「gunicorn config.wsgi」を実行したし上げるときちんと画像は読み込みます
しかしherokuにデプロイするとエラーとなってしまいます。
画像を読み込もうとしなければheroku上でアプリはきちんと動きます。
※例: img src="{% static 'twanalyse/test.jpg' %}" alt="test"(imgタグです)を入れなければ下記のコードで問題なく動きます
発生している問題・エラー
twanalyseapp.herokuapp.com/:1 GET https://twanalyseapp.herokuapp.com/ 500 (Internal Server Error)
ファイル構成
該当するソースコード
index.html
{% load django_bootstrap5 %} {% load static %}
<div class="container bg-light pt-2">
・・・
<img src="{% static 'twanalyse/test.jpg' %}" alt="test" />
</div>
settings.py
from pathlib import Path
import dj_database_url
import os
# Build paths inside the project like this: BASE_DIR / 'subdir'.
BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = False
・・・
# Application definition
INSTALLED_APPS = [
'django.contrib.admin',
'django.contrib.auth',
'django.contrib.contenttypes',
'django.contrib.sessions',
'django.contrib.messages',
'django.contrib.staticfiles',
"django_bootstrap5",
'twanalyse.apps.TwanalyseConfig',
]
MIDDLEWARE = [
'django.middleware.security.SecurityMiddleware',
'django.contrib.sessions.middleware.SessionMiddleware',
'django.middleware.common.CommonMiddleware',
'django.middleware.csrf.CsrfViewMiddleware',
'django.contrib.auth.middleware.AuthenticationMiddleware',
'django.contrib.messages.middleware.MessageMiddleware',
'django.middleware.clickjacking.XFrameOptionsMiddleware',
'whitenoise.middleware.WhiteNoiseMiddleware',
]
・・・
# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/3.2/howto/static-files/
STATIC_ROOT = os.path.join(BASE_DIR, 'staticfiles')
STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, "static")
]
STATICFILES_STORAGE = 'whitenoise.storage.CompressedManifestStaticFilesStorage'
config/urls.py
from django.contrib import admin
from django.urls import path,include
from django.contrib.staticfiles.urls import staticfiles_urlpatterns
urlpatterns = [
path('admin/', admin.site.urls),
path('', include("twanalyse.urls")),
]
urlpatterns += staticfiles_urlpatterns()
自分で試したこと
https://devcenter.heroku.com/ja/articles/django-assets#collectstatic
を参考に
heroku config:set DEBUG_COLLECTSTATIC=1
や
heroku config:set DISABLE_COLLECTSTATIC=1
の実行・無効
画像ファイルをstatic直下に置くなどを試しました
よろしくお願いいたします
0