質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
Gunicorn

Gunicorn (Green Unicorn)は、Rubyのunicornをベースに開発されたUNIX向けのPython製HTTPサーバです。他のライブラリとの依存関係がないため、容易にインストールして使用できます。

Django

DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

nginx

nginixは軽量で高性能なwebサーバーの1つです。BSD-likeライセンスのもとリリースされており、あわせてHTTPサーバ、リバースプロキシ、メールプロキシの機能も備えています。MacOSX、Windows、Linux、上で動作します。

解決済

なぜDjango管理サイトの画面が崩れずに表示できるのか

ponsuke88
ponsuke88

総合スコア12

Gunicorn

Gunicorn (Green Unicorn)は、Rubyのunicornをベースに開発されたUNIX向けのPython製HTTPサーバです。他のライブラリとの依存関係がないため、容易にインストールして使用できます。

Django

DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

nginx

nginixは軽量で高性能なwebサーバーの1つです。BSD-likeライセンスのもとリリースされており、あわせてHTTPサーバ、リバースプロキシ、メールプロキシの機能も備えています。MacOSX、Windows、Linux、上で動作します。

1回答

1リアクション

1クリップ

263閲覧

投稿2022/08/15 20:57

質問

nginx+gunicorn+Django(Ubuntu22.04)で実験用のAPIサーバを作っています。

なぜ以下の手順を踏むと崩れていた管理サイトの表示がちゃんと表示されるようになるのでしょうか?adminへのアクセスでなぜstaticフォルダに置かれているCSSを読み込めるのでしょうか?

連携直後は、ブラウザで192.168.88.15/adminでアクセスすると管理サイトの表示が以下のように崩れていました。
adminへアクセス
そこで、いろんな情報を参考に、①~⑤の作業を実施しました。
①nginxの設定ファイルに設定を追加。

niginx設定ファイル

location /static { }

②静的ファイルを保存するフォルダを作成して、所有者変更。

sudo mkdir -p /usr/share/nginx/html/static cd /usr/share/nginx/html/static sudo chown user satic

③settings.pyのStatic_ROOTを設定。

setting.py

STATIC_ROOT = '/usr/share/nginx/html/static'

④プロジェクトフォルダ直下にstaticフォルダ作成(⑤のコマンドが失敗したため作成しました)
イメージ説明
⑤静的ファイルを集めるコマンド実行

python manage.py collectstatic

調べると/usr/share/nginx/html/staticにadminのCSSが移動したことが確認できました。

管理サイトは表示が崩れずちゃんと表示されるようになりました。
イメージ説明

ちゃんと動いているので問題はないのかもしれませんが、疑問に思ったため質問させていただきました。

環境

Djanog3.2.15
Python3.10.6
Ubuntu22.04

Raptor_zip👍を押しています

以下のような質問にはリアクションをつけましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

リアクションが多い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

下記のような質問は推奨されていません。

  • 間違っている
  • 質問になっていない投稿
  • スパムや攻撃的な表現を用いた投稿

適切な質問に修正を依頼しましょう。

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

Gunicorn

Gunicorn (Green Unicorn)は、Rubyのunicornをベースに開発されたUNIX向けのPython製HTTPサーバです。他のライブラリとの依存関係がないため、容易にインストールして使用できます。

Django

DjangoはPythonで書かれた、オープンソースウェブアプリケーションのフレームワークです。複雑なデータベースを扱うウェブサイトを開発する際に必要な労力を減らす為にデザインされました。

nginx

nginixは軽量で高性能なwebサーバーの1つです。BSD-likeライセンスのもとリリースされており、あわせてHTTPサーバ、リバースプロキシ、メールプロキシの機能も備えています。MacOSX、Windows、Linux、上で動作します。