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

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

ただいまの
回答率

89.65%

Expressのpublicフォルダの挙動について

受付中

回答 0

投稿

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

tomato513

score 10

ご覧頂きありがとうございます。
不慣れなためご無礼あるかもしれませんがご容赦下さい。

発生している問題

Nginxでリバースプロキシして、1つのドメイン(www.sample-web.com)に対して3つのapp.jsを作成し、デーモン化しています。
www.sample-web.comは3000ポートで受付し、www.sample-web.com/writeは4000ポート、www.sample-web.com/readは5000ポートで受け付けています。
それぞれのページを3つのポートで受け付けているのはwriteとreadそれぞれの処理を分散(シングルスレッドのため)させたいためです。

sample-web.com/writeに接続した際に、静的ファイルの読み込みが受け付けている4000ポートのディレクトリではなく、3000ポートのpublicディレクトリから読み込まれてしまいます。

viewやrouterはそれぞれのファイル別に読み込むことができますが、静的ファイルのみ不可解な挙動をしています。
文章とするのがやや難しいため、下記をご覧ください。

    www
    ├──sample-web.com(3000ポートで受付)
    │   ├── app.js
    │   ├── package.json
    │   ├── public
    │   │   ├── images
    │   │   ├── javascripts
    │   │   └── stylesheets
    │   │       └── style.css(※これが読み取られる)
    │   ├── routes
    │   │   ├── index.js
    │   │   └── users.js
    │   └── views
    │       ├── error.jade
    │       ├── index.jade
    │       └── layout.jade
    ├── sample-web.com_write(4000ポートで受付)
    │   ├── app.js
    │   ├── package.json
    │   ├── public
    │   │   ├── images
    │   │   ├── javascripts
    │   │   └── stylesheets
    │   │       └── style.css(※これを読み込んでほしいが読み込まれない)
    │   ├── routes
    │   │   ├── index.js
    │   │   └── users.js
    │   └── views
    │       ├── error.ejs
    │       ├── index.ejs
    │       └── layout.ejs
    └── sample-web.com_read(5000ポートで受付)
        ├── app.js
        ├── package.json
        ├── public
        │   ├── images
        │   ├── javascripts
        │   └── stylesheets
        │       └── style.css(※これを読み込んでほしいが読み込まれない)
        ├── routes
        │   ├── index.js
        │   └── users.js
        └── views
            ├── error.ejs
            ├── index.ejs
            └── layout.ejs

リバースプロキシの設定は下記になります。

server {
    listen 443 ssl;
    ssl_certificate /etc/nginx/ssl/ssl.crt;
        ssl_certificate_key /etc/pki/tls/certs/server.key;
    server_name sample-web.com;
         ssl_session_cache shared:SSL:1m;
        ssl_session_timeout 5m;
        ssl_ciphers HIGH:!aNULL:!MD5;
        ssl_prefer_server_ciphers on;
        ssl_protocols TLSv1.1 TLSv1.2;
        ssl_stapling on;
        resolver 153.126.201.175 valid=300s;

    location / {
            proxy_set_header X-Forwarded-for $remote_addr;
            proxy_pass http://sample-web.com:3000;
            proxy_set_header Upgrade $http_upgrade;
                   proxy_set_header Connection "upgrade";

            location /write {
                proxy_pass http://sample-web.com:4000;
            }

            location /read {
                    proxy_pass http://sample-web.com:5000;
            }            


                   }


}


4000ポートで起動しているapp.jsのpublicファイルの設定は下記になります。

// www/sample-web.com_write/app.js
//staticの設定
app.use(express.static(path.join(__dirname,'public')));

実現したいこと

それぞれ起動しているポートで、静的ファイルをそれぞれのディレクトリにあるpublicフォルダから供給したいです。
もしよろしければお知恵をお貸し頂ければ幸いです。

実行環境

node.js v8.11.4
Express v4.16.0
nginx   v1.15.2

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

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

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

    クリップを取り消します

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

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

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

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

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

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

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

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

    質問の評価を下げる

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

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

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

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

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

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

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

    詳細な説明はこちら

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

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

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

まだ回答がついていません

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

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