🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
unicorn

Unicornは、汎用のRackアプリケーションサーバ。RackとWebサーバーの機能を併せ持ちます。レスポンス処理や、Nginx単体がRackの機能をサポートしていない事から、一般的にはNginx+Unicorn+Railsの構成を取って用います。

MySQL

MySQL(マイエスキューエル)は、TCX DataKonsultAB社などが開発するRDBMS(リレーショナルデータベースの管理システム)です。世界で最も人気の高いシステムで、オープンソースで開発されています。MySQLデータベースサーバは、高速性と信頼性があり、Linux、UNIX、Windowsなどの複数のプラットフォームで動作することができます。

nginx

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

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

AWS(Amazon Web Services)

Amazon Web Services (AWS)は、仮想空間を機軸とした、クラスター状のコンピュータ・ネットワーク・データベース・ストーレッジ・サポートツールをAWSというインフラから提供する商用サービスです。

Q&A

解決済

1回答

1483閲覧

本番環境でCSSが読み込まれない問題を解決したい

kura874638

総合スコア0

unicorn

Unicornは、汎用のRackアプリケーションサーバ。RackとWebサーバーの機能を併せ持ちます。レスポンス処理や、Nginx単体がRackの機能をサポートしていない事から、一般的にはNginx+Unicorn+Railsの構成を取って用います。

MySQL

MySQL(マイエスキューエル)は、TCX DataKonsultAB社などが開発するRDBMS(リレーショナルデータベースの管理システム)です。世界で最も人気の高いシステムで、オープンソースで開発されています。MySQLデータベースサーバは、高速性と信頼性があり、Linux、UNIX、Windowsなどの複数のプラットフォームで動作することができます。

nginx

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

Ruby on Rails

Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。

AWS(Amazon Web Services)

Amazon Web Services (AWS)は、仮想空間を機軸とした、クラスター状のコンピュータ・ネットワーク・データベース・ストーレッジ・サポートツールをAWSというインフラから提供する商用サービスです。

0グッド

0クリップ

投稿2021/03/16 02:13

編集2021/03/16 04:12

前提・実現したいこと

AWSでデプロイしたwebアプリケーションのCSSが読み込まれずに困っています。
開発環境では問題なく読み込まれています。

発生している問題・エラーメッセージ

GET http://35.73.75.243/assets/application-9de4e333b9d5d0d4e396acfb0ad048816511eec74b38a026d30e0bbb835e63ca.css net::ERR_ABORTED 404 (Not Found) GET http://35.73.75.243/assets/%E9%A9%9A%E3%81%8D%E9%96%83%E3%81%8D%E3%81%9D%E3%82%93%E3%81%AA%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3-8e7f7e5b516ad9e67008ae1cce2956b7b23b25cb70f9e2a5bc59974d53b10f2b.png 404 (Not Found) GET http://35.73.75.243/assets/%E4%BC%9A%E8%AD%B0%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B33-d9877a07958e3c8f5af589fb4937b3e6535dd97058f49fab5159a7cca96fd9da.png 404 (Not Found)

また、EC2側でエラーログを確認したところ下記のエラーメッセージが表示されていました。

ERROR -- : Can't connect to local MySQL server through socket '/tmp/mysql.sock' (2) (Mysql2::Error::ConnectionError)

上記エラーメッセージ周辺のエラーログ

I, [2021-03-10T08:43:28.849035 #9191] INFO -- : Refreshing Gem list I, [2021-03-10T08:43:30.164563 #9191] INFO -- : listening on addr=0.0.0.0:3000 fd=9 E, [2021-03-10T08:43:30.164972 #9191] ERROR -- : Can't connect to local MySQL se rver through socket '/tmp/mysql.sock' (2) (Mysql2::Error::ConnectionError) /home/ec2-user/.rbenv/versions/2.6.5/lib/ruby/gems/2.6.0/gems/mysql2-0.5.3/lib/m ysql2/client.rb:90:in `connect' /home/ec2-user/.rbenv/versions/2.6.5/lib/ruby/gems/2.6.0/gems/mysql2-0.5.3/lib/m ysql2/client.rb:90:in `initialize' /home/ec2-user/.rbenv/versions/2.6.5/lib/ruby/gems/2.6.0/gems/activerecord-6.0.3 .5/lib/active_record/connection_adapters/mysql2_adapter.rb:24:in `new' /home/ec2-user/.rbenv/versions/2.6.5/lib/ruby/gems/2.6.0/gems/activerecord-6.0.3 .5/lib/active_record/connection_adapters/mysql2_adapter.rb:24:in `mysql2_connect ion' /home/ec2-user/.rbenv/versions/2.6.5/lib/ruby/gems/2.6.0/gems/activerecord-6.0.3 .5/lib/active_record/connection_adapters/abstract/connection_pool.rb:887:in `new _connection' /home/ec2-user/.rbenv/versions/2.6.5/lib/ruby/gems/2.6.0/gems/activerecord-6.0.3 .5/lib/active_record/connection_adapters/abstract/connection_pool.rb:931:in `che ckout_new_connection' /home/ec2-user/.rbenv/versions/2.6.5/lib/ruby/gems/2.6.0/gems/activerecord-6.0.3 .5/lib/active_record/connection_adapters/abstract/connection_pool.rb:910:in `try _to_checkout_new_connection'

ps aux | grep unicorn の結果

ec2-user 439 0.0 9.3 454636 94576 ? Sl 02:02 0:01 unicorn master -c /var/www/breakpoint_app/current/config/unicorn.rb -E deployment -D ec2-user 510 0.0 8.9 455660 90476 ? Sl 02:02 0:00 unicorn worker[0] -c /var/www/breakpoint_app/current/config/unicorn.rb -E deployment -D ec2-user 3918 0.0 9.4 458396 95104 ? Sl 03:03 0:01 unicorn_rails master -c config/unicorn.rb -E production -D ec2-user 3928 0.0 8.8 458396 89328 ? Sl 03:03 0:00 unicorn_rails worker[0] -c config/unicorn.rb -E production -D ec2-user 8641 0.0 0.0 119436 972 pts/0 S+ 04:10 0:00 grep --color=auto unicorn

試したこと

Nginxの設定やunicorn.rbの記述に問題がないか確認しましたが、問題は見つかりませんでした。

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

ruby 2.6.5
rails 6.0.0
mysql 0.4.4
unicorn 5.4.1

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yu_1985

2021/03/16 02:27

- unicornはちゃんと起動していますか? - そもそもそのエラーはアクセスしたときに発生したエラーなんでしょうか?タイムスタンプを確認してください。 - assets:precompileはしましたか?
kura874638

2021/03/16 03:02

ご連絡ありがとうございます。 ・unicornの起動は行っています。 ・タイムスタンプについては、正直なところよくわかっていないです。確認する箇所等教えていただけると助かります。 ・assets:precompileも行っています。
yu_1985

2021/03/16 03:45

- 具体的にコマンドで確認してその結果を貼ってください ps aux | grep unicorn - エラーログを一行だけ抜粋するんじゃなくて、付近のログを全部確認してください。 該当の問題が発生した時刻と、エラーログに記録している時刻を見比べて、そのエラーログが今回の問題に関係有るのかを判断する必要があります。 そのエラーが発生しているならunicornがきちんと起動できてない可能性が高いのですが、assets:precompielがエラーに成ってないということはおそらくそうではないので問題はそこじゃないと想像しています。ただ、それを確かめるためにきちんとログを見ましょうということです。
kura874638

2021/03/16 04:15

ありがとうございます。 改めてエラーログを確認し、周辺のログの表示等を追加しました。
yu_1985

2021/03/16 04:26

日付を見ると6日も前なのでそのエラーは関係ない可能性が高いですね。そもそもDB接続できなかったらunicornが立ち上げられてませんし。 同様のエラーに対する対処は調べると色々出てきますが、例えばこのへんは試されましたか? https://qiita.com/at-946/items/b7d467bf25c40fcfca44
kura874638

2021/03/16 05:36

試してみたところ、解決には至らず、状態に変化はありませんでした。
yu_1985

2021/03/16 06:02

出てくるのはこれだけではありませんが…。 「試した」だけではなく、具体的に何をどう試して結果がどうだったのかを詳細にわかるように追記してください。
kura874638

2021/03/16 06:48

失礼しました。 試したことの具体的な内容は、config/environments/production.rbのconfig.public_file_server.enabled = ENV['RAILS_SERVE_STATIC_FILES'].present? を config.public_file_server.enabled = true に置き換え、Nginxとunicornを再起動しましたが、変化は確認できませんでした。
yu_1985

2021/03/16 08:17

書いたのは一例ですが net::ERR_ABORTED assets あたりでググると類似事例が沢山出てくるはずなので、該当するケースがないか一通り調べてみてください。
kura874638

2021/03/16 08:34

アドバイスいただいた通り、類似事例を検索し、確認したところ、Nginxの設定ファイルのlocation ^~ /assets/の部分のアプリケーション名が間違っていました。 こちらを修正したところ、無事にCSSが反映されるようになりました。 ありがとうございました。
guest

回答1

0

自己解決

Nginxの設定ファイルのlocation ^~ /assets/の部分のアプリケーション名が間違っていました。
こちらを修正したところ、無事にCSSが反映されるようになりました。

投稿2021/03/16 08:34

kura874638

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.36%

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

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

質問する

関連した質問