macでDjango導入後、管理ツールを初起動したが表示がおかしい

Question

書籍やネットから情報を得ながらDjangoの勉強を始めたところです。
macでDjango環境を構築し、管理ツールを起動したところ表示がちょっとおかしいです。
構わずログインしてデータ登録などしましたが、その後の表示も違和感があります（下図）。
![]

手持ちの書籍の表示とは明らかに異なります。いかにもCSSが効いていない感じです。
実際、ブラウザ（Firefox）の開発ツールのコンソールを確認したところ、CSSやJS読み込みにかかるエラーメッセージが多数吐かれていました。以下のメッセージはその一つです。

MIME タイプ (“text/html”) の不一致により “http://localhost:8080/static/admin/js/urlify.js” からのリソースがブロックされました (X-Content-Type-Options: nosniff)。

この現象は、ローカルで起動したApacheサーバへのリクエスト時に発生しています。
python manage.py runserverで起動した開発用サーバへのリクエスト時は、下図のように期待通りの表示となることを確認しました。

何か考えられる原因・対応策ありましたら教えてください。

◆実行環境
Mojave 10.14.6
Python 3.9.2
Django 3.1.7
Apache 2.4.46
mod-wsgi-httpd-2.4.46.1
mod-wsgi-4.7.1

Comments

[hasami]

manage.py runserverコマンドで開発用サーバーを起動しているのですか。
それともapacheを起動して、apacheにリクエストしているのですか。

[dam9806]

すみません、返信遅くなりました。
コメントありがとうございます。
apacheにリクエストしています。

[dam9806]

manage.py runserverで確認したところ、期待通りの表示となったので、質問本文を修正しました。

Answer 1

apacheが静的ファイルを配信するように設定する必要があります。

collectstaticコマンドを利用すれば、Djangoが提供する静的ファイルや、実装した静的ファイルが1つのディレクトリに収集されます。
そのディレクトリをapacheで公開する必要があります。

Deploying static files

Serving files

Comments

[dam9806]

情報提供、ありがとうございます！！
試してみます！

[dam9806]

正常に表示できました！！
ありがとうございました！

[dam9806]

参考までにご紹介くださったサイトの日本語サイトも載せておきます。
https://docs.djangoproject.com/ja//2.2/howto/static-files/deployment/