Motomichi Works Blog

モトミチワークスブログです。その日学習したことについて書いている日記みたいなものです。

nginx.confの設定でCSSや画像が読み込まれない問題を修正する

参考にさせていただいたページ

起こっていた問題

Chromeコンテキストメニューから 検証 > Element で

<link rel="stylesheet" href="/css/style.css">

のところにマウスオーバーすると、以下のメッセージが表示されました。

Resource interpreted as Stylesheet but transferred with MIME type text/plain

と表示されていました。

解決方法

以下のように、nginx.confファイルの、httpの設定に2行追記しました。

http {
  〜略〜
  include /etc/nginx/mime.types;
  default_type application/octet-stream;
  〜略〜
}

あとブラウザのキャッシュクリアをした方が良いかもしれないです。