nginxで静的ファイルが表示されない

Question

初めて投稿いたします。
expressを利用してWebアプリケーションを作成しました。
nginxにデータをアップしたところ、ローカル上では表示されている画像とスタイルシートが読み込めません。
個人的にnginxのconfファイル内のlocationの設定が間違っている気がして、いろいろ修正してみたのですが解決できません。
アドバイスいただけると助かります。

【imgとcssファイルのリンク】
<img src="/images/logo.svg">

<link rel='stylesheet' href='/stylesheets/style.css'>

該当のソースコード

	location / {
		add_header Access-Control-Allow-Origin *;
		proxy_pass http://127.0.0.1:3000;
	}

	location ~* .(jpg|jpeg|gif|png|css|js|swf|ico|pdf|svg|eot|ttf|woff)$ {
		expires 60d;
		access_log off;
	}

Webアプリケーションのフォルダの構成

web-app
   ├ bin
   ├ node_modules
   ├ public
       ├ images
       └ stylesheets
   ├ routes
       └ index.js
   ├ views
       └ index.ejs
   └app.js

試したこと

ローカル上では正常に表示。Nginx上では表示されない下記のコードを…
<img src="/images/logo.svg">
↓修正
<img src="/public/images/logo.svg">
にすると、ローカル上では表示されず、Nginx上では表示されるようになります。

ただ、ローカルと同じようにアドレスに'/public'を入れなくても表示できるようにしたいです。

Answer 1

<img src="/images/logo.svg"> ↓修正 <img src="/public/images/logo.svg"> にすると、ローカル上では表示されず、Nginx上では表示されるようになります。

root が合っていないのだと思います。

root = (どこか)/web-app/;
  ↓
root = (どこか)/web-app/public/;

Comments

[Shio33]

回答くださりありがとうございます！
rootのアドレスはどこまでさかのぼって指定すればよいかわからなかったのですが、
location ~* .(jpg|jpeg…　の下の行に
root /home/kusanagi/[プロファイル名]/DocumentRoot/web-app/public;
と追記したら、無事読み込めるようになりました。

アドバイス、とても助かりました。ありがとうございます！