エンジンエックスを導入したらトップページの画像が表記されなくたった

エンジンエックスを導入する前は http://＜Elastic IP＞:3000/ にアクセスしたときにしっかりと背景が表示されていましたが、エンジンエックス導入後、Elastic IPにアクセスすると背景が表示されなくなってしまいました。CSSが読み込まれていないのでしょうか？

sudo vim /etc/nginx/conf.d/rails.confでエンジンエックスの設定ファイルを編集しました。アプリ名とElastic IPは自分のものを載せています

cd /var/lib

sudo chmod -R 775 nginx

その後ユニコーンの設定を変更

listen 3000 この部分を下の文に変更
listen "#{app_path}/tmp/sockets/unicorn.sock"

git pull origin master

ユニコーン再起動

この流れでElastic IPでアクセスしたところアクセスはできるが背景の画像が表示されない感じになっています。どのようにしたら画像が読み込まれるのでしょうか?CSS以下のようにかけています。画像はassetsのimageから読んでいます

.right-main{
  width: 70%;
  height: calc(100vh - 100px);
  margin-left: auto;
  background-image: url(/assets/dra.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

ブラウザでエラーログを確認

行動規範の内容に同意します

回答2件

画像表示用にlocationディレクティブを設定するか、静的ファイル以外へのアクセスをunicorn.sockに流すようにlocationディレクティブを設定する

投稿2020/10/11 06:28

hentaiman

総合スコア6421

kdh

2020/10/11 06:51

リンクありがとうございます。書いてあることが難しいのですが、こちらはどこで設定するものなのでしょうか？

hentaiman

2020/10/11 07:24

nginxのconfなので、/etc/nginx/conf.d/rails.confで全て記述してるならそのファイル内に書きましょう質問文に書いてある内容が（設定関連）が無さ過ぎるので、nginxを使った時の一般的な（ngixnの有効活用する）設定方法を回答しています。 nginxの事が全く分からないならnginx.confとrailsで検索するのがいいでしょう

行動規範の内容に同意します