nginxにおいて、読み込んだcss等の静的コンテンツが適用されない場合の解決策

Pocket

タイトルがどうしても長くなってしまう。。。

nginxでリバースプロキシを構成し、バックエンドでunicornやthinを動かす構成を取っていましたが、なぜかassets(CSS, JavaScript)が上手く読み込まれません。確認すると、取得できているんだけどなー。

と思ってしばらく格闘していると、MIMEタイプに関するエラーが発生していることが分かりました。

cap1

ポートを指定して直接バックエンドのサーバにアクセスすると読み込めていることから、nginxが適当なMIMEタイプを返しているのだとと推測。調査すると、ある設定が抜けていました。

httpコンテキストにおいて、以下のようにmime.typesを設定すればよさそうです。

>||
http {
include mime.types;
upstream backend {
||< これで解決しました。nginxにおけるサーバ運用のノウハウも、しっかり得ていきたいものです。 *参考 [http://heartbeats.jp/hbblog/2012/02/nginx03.html:title]

投稿者紹介

株式会社ユニキャスト
私たちは、テクノロジに魅せられた個性あふれるメンバーによって構成された茨城県日立市に本社を構えるベンチャー企業です。
”テクノロジを通して「驚き」と「感動」を創造し、人々の「夢」と「笑顔」を支えます。” の経営理念をモットーに明るい未来を描き、ワクワクする企画提案を続けて参ります。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください