nginxの+ ExpressJS - 私はルートがあるポート3000で実行されているNodeJS + ExpressJSアプリ持つHTML

Question

内のURLのプロキシをリバース：このルートにGETしませ

router.get('/getHello', function(req, res) { 
    res.send('Hello, world!'); 
}); 

とHTMLページを

<a href="/getHello"> 
    <input type="button" value="Visit Helo World page" /> 
</a> 

このスタンドアロンアプリは意図したとおりに動作します。ボタンを押すとHello, world!が表示されます。私はこのアプリのリバースプロキシはnginxを使用してセットアップを持って

：

は今、ここで問題です。ここでsites-availableから設定ファイルが

server { 
    listen 80; 
    server_name localhost; 

    location /routetest/ { 
     proxy_pass http://127.0.0.1:3000/; 
     proxy_http_version 1.1; 
     proxy_set_header X-Real-IP $remote_addr; 
     proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 
     proxy_set_header X-NginX-Proxy true; 
     proxy_set_header Host $host; 
     proxy_set_header Upgrade $http_upgrade; 
     proxy_set_header Connection "upgrade"; 
     proxy_set_header X-Forwarded-Proto $scheme; 
     proxy_redirect off; 
     proxy_cache_bypass $http_upgrade; 
    } 
} 

（sites-enabledとリンク）だ私はhttp://localhost/routetestを訪問したときにアプリが罰金開きますが、私はボタンをクリックしたとき、私はそれがhttp://localhost/routetest/getHelloを開いてみたかったのに対し、それはhttp://localhost/getHello開きます。 http://localhost/getHelloが定義されていないので、私は今、404（一方、http://localhost/routetest/getHelloが正しくHello, worldメッセージを返す）

で終わる、私の質問は：

私のフロントエンドは、として/で書かれていますたとえば、<a href="/getHello">のようなベースパス（すべてのGETとPOSTリクエストを行う）を入力してください。を/routetest/に追加する前に、私のHTMLのすべてのURLが良い練習にならないうちに（後でこのベースパスを変更して、それをどこでも更新してください）。では、NGINXまたはexpressミドルウェアの場合、/と書かれたURLに/routetest/を追加する方法があります。これは、手動でHTML内で変更する必要はありません。

Answer 1

最も簡単な解決策は、利用可能なオプションであれば、先頭に/のない相対パスを使用することです。

一般的なケースでは、レスポンスのURLの書き換えは難解で不可能です。あなたが成功して、コンテンツ内の関連するURLを識別することができますが、ngx_http_sub_moduleというタイトルのnginxのcatchilyを使用することができるかもしれないと思われる場合：

http://nginx.org/en/docs/http/ngx_http_sub_module.html

あり同様のことを行う様々なエクスプレスミドルウェアの実装があるが、私は見つけることができませんでした1つは推薦するのに十分に信頼できるように見えた。基本的なアプローチは、compressionミドルウェアと似ています。繰り返しますが、一般的には非常に難しいですが、HTMLをどのように提供するかによって、それほど悪くないかもしれません。