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

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

ただいまの
回答率

90.76%

  • Ruby on Rails 4

    2386questions

    Ruby on Rails4はRubyによって書かれたオープンソースのウェブフレームワークです。 Ruby on Railsは「設定より規約」の原則に従っており、効率的に作業を行うために再開発を行う必要をなくしてくれます。

  • AWS(Amazon Web Services)

    1841questions

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

本番環境でCSSが反映されない

解決済

回答 1

投稿

  • 評価
  • クリップ 0
  • VIEW 389

abab7200

score 58

AWS上でアプリケーションを公開しrake assets:precompileした後に
CSSが反映されておりません。mime typeのエラーですがnginxの設定も変更しましたが、表示されません。お手数ですが、どなたか対応方法をご教授いただければと存じます。

構築環境
rails4
nginx
unicorn
※unicorn nginx再起動済み

ファイヤフォックスでのエラー内容

MIME タイプが "text/css" ではなく "text/plain" となっているため、スタイルシート http://※※.jp/assets/application-0281edd3a7994877a47a814957f98705d398f68c7f0e62e796fcaffd5934eece.css は読み込まれていません。


※クロームでもmime typeでエラーが表示される

/var/www/blog/public/assets配下のファイル

application-0281edd3a7994877a47a894957f66705d398f68c7f0e62e796fcaffd5934eece.css
application-0281edd3a7994877a47a894957f66705d398f68c7f0e62eåç796fcaffd5934eece.css.gz
application-8101ae5a61a459f14a4b3702047783719f616d6fb4adf61110d388aed7cc2cf4.js
application-8101ae5a61a459f14a4b3702047783719f616d6fb4adf61110d388aed7cc2cf4.js.gz

nginx 設定

 events {
  worker_connections 2048;
}
http {
 error_log  /var/www/blog/log/nginx.error.log; #自分のアプリケーション名
  access_log /var/www/blog/log/nginx.access.log; #自分のアプリケーション名
  # max body size
  client_max_body_size 2G;
  upstream app_server {
    # for UNIX domain socket setups
    server unix:/var/www/blog/tmp/sockets/.unicorn.sock fail_timeout=0; #自分のアプリケーション名
  }
 server {
    listen 80;
    server_name サイトIP;
    # nginx so increasing this is generally safe...
    keepalive_timeout 5;
    # path for static files
    root /var/www/blog/public; #自分のアプリケーション名
    # page cache loading
    try_files $uri/index.html $uri.html $uri @app;
    include /etc/nginx/mime.types;
    location @app {
      # HTTP headers
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
      proxy_set_header Host $http_host;
      proxy_redirect off;
      proxy_pass http://app_server;
    }
    # Rails error pages
    error_page 500 502 503 504 /500.html;
    location = /500.html {
      root /var/www/blog/public; #自分のアプリケーション名
    }
  }
}
  • 気になる質問をクリップする

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

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

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

check解決した方法

0

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

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

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

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

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

  • ただいまの回答率 90.76%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

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

  • Ruby on Rails 4

    2386questions

    Ruby on Rails4はRubyによって書かれたオープンソースのウェブフレームワークです。 Ruby on Railsは「設定より規約」の原則に従っており、効率的に作業を行うために再開発を行う必要をなくしてくれます。

  • AWS(Amazon Web Services)

    1841questions

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