AWSのS3にデプロイしたmediaファイルとstaticファイルが読み込めなくなってしまいました。【Django】

Question

前提・実現したいこと

結論：AWSのS3にデプロイしたmediaファイルとstaticファイルをdjangoで読み込ませ、サイトに画像の表示、css制御させたいです。

現在Djangoを使ってwebサイトを開発しております。
プロジェクト直下にあるmediaファイルとstaticファイルをAWSのs3にデプロイしました。
すると今までは問題なく読み込んでいた上記2つのファイルを読み込まなくなってしまい、
cssが効かなくなり、画像が表示されなくなってしまいました。

発生している問題

mediaファイルとstaticファイルをAWSのS３にデプロイした事で
画像が読み込めなくなり、css制御できなくなりました。

該当のソースコード

#プロジェクト/setting.py

DEBUG = False

ALLOWED_HOSTS = ['*']


# Application definition

INSTALLED_APPS = [
　　#省略
    'storages',  #aws s3
]


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


LOGIN_URL = 'register:login'
LOGIN_REDIRECT_URL = 'register:top'
LOGOUT_REDIRECT_URL = 'register:top'

EMAIL_BACKEND = 'django.core.mail.backends.console.EmailBackend'

MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = '/media/'


#aws-s3設定郡
AWS_ACCESS_KEY_ID = 'hogehoge'
AWS_SECRET_ACCESS_KEY = 'hogehoge'
AWS_STORAGE_BUCKET_NAME = 'hogehoge'
AWS_S3_CUSTOM_DOMAIN = '%s.s3.amazonaws.com' % AWS_STORAGE_BUCKET_NAME
AWS_S3_OBJECT_PARAMETERS = {
    'CacheControl': 'max-age=86400',
}
AWS_LOCATION = 'static'
AWS_DEFAULT_ACL = None
STATIC_URL = 'https://%s/%s/' % (AWS_S3_CUSTOM_DOMAIN, AWS_LOCATION)
STATICFILES_STORAGE = 'storages.backends.s3boto3.S3Boto3Storage'


MEDIA_URL = "https://%s/" % AWS_S3_CUSTOM_DOMAIN
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

DEFAULT_FILE_STORAGE = 'mysite.storage_backends.MediaStorage'
DEFAULT_FILE_STORAGE = 'storages.backends.s3boto3.S3Boto3Storage'
STATICFILES_STORAGE = 'storages.backends.s3boto3.S3Boto3Storage'

#プロジェクト/storage_backends.py

from storages.backends.s3boto3 import S3Boto3Storage

# 画像は同ファイル名での上書きを許さない
class MediaStorage(S3Boto3Storage):
    location = 'media'
    file_overwrite = False

<div class="text-center">
<img class="detail_top_image mt-3" src="{{ user.top_image.url }}">#ここで画像を表示させていました。
<div class="detail_name"><h4>{{ user.nick_name }}</h4></div>
<div class="detail_name"><h6>{{ user.last_name }} {{ user.first_name }}</h6></div>
</div>

試したこと

setting.pyに
DEFAULT_FILE_STORAGE = 'storages.backends.s3boto3.S3Boto3Storage'
STATICFILES_STORAGE = 'storages.backends.s3boto3.S3Boto3Storage'
の追加やバケットの見直し
その他、サイトを観てファイルの書き換えなど

補足情報（FW/ツールのバージョンなど）

djangoのバージョンは2.2です。
サイト上から画像をアップロードする事は可能です。

下記の質問を元にstaticに関する問題は解決されました。
https://teratail.com/questions/287384

Answer 1

#setting.py

#aws-s3設定郡
AWS_ACCESS_KEY_ID = 'AKIARDZQVJXGT54HZZ5W'
AWS_SECRET_ACCESS_KEY = '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'
AWS_STORAGE_BUCKET_NAME = 'django-for-s3'
AWS_S3_CUSTOM_DOMAIN = '%s.s3.amazonaws.com' % AWS_STORAGE_BUCKET_NAME
AWS_S3_OBJECT_PARAMETERS = {
    'CacheControl': 'max-age=86400',
}
AWS_LOCATION = 'static'
AWS_DEFAULT_ACL = None
STATIC_URL = 'https://%s/%s/' % (AWS_S3_CUSTOM_DOMAIN, AWS_LOCATION)
STATICFILES_DIRS = (
    [
        os.path.join(BASE_DIR, "static"),
    ]
)
STATICFILES_STORAGE = 'storages.backends.s3boto3.S3Boto3Storage'


MEDIA_URL = "https://%s/" % AWS_S3_CUSTOM_DOMAIN
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
DEFAULT_FILE_STORAGE = 'storages.backends.s3boto3.S3Boto3Storage'

おそらくだが、MEDIA_URLやSTATIC_URLが初期に記述したものを消し忘れていたため、
うまく読み込まれなかったのかと…
とりあえず、この質問の回答の様に設定を行い
setting,pyの重複しているコードを削除する事で無事に画像の読み込みとcssの読み込みができるようになりました。
ただ、画像のソースコードが長くなるのと、cssをコンソール上で編集してもわざわざアップロードしなきゃなのが大変ですね。