iframeで実行するとRedis-commanderは静的ファイルをロードしません

Question

私は以下の問題があります： Redisのあるサーバがあります。 私はRedisのデータを見て、私のWebサイトでそれを変えたいと思っています。だから私は、npm経由でサーバーにredis-commanderをインストールしました。通常、8081ポートを受信します。 そして、私のフロントエンド部分に私は、次のHTMLでのビューをshowesボタン「Redisのマネージャー」を、作成した：、nginxのは、フロントエンドとサーバとの間でありますhttps://example.com/redis

：

<iframe id="frame" src="{{redisUIUrl}}" /> 

redisUIUrlは次のようになりますこれは逆プロキシ目的で使用されます。 - proxy_passをoh_so_very_secret_syte.com:8081にします。

このGETを実行すると、redis-commanderからのビューが取得されます。すべて順調。しかし、このビューには、タイプのスタティックへのリンクがあります：/css/default.css - 相対的なものです。

そして、問題は、アドレスhttps://example.com/redis/css/default.cssを介してスタティックを読み込むのではなく、https://example.com/css/default.css経由でロードしようとすると失敗するという問題です。

私は本当に理解していませんが、何が問題で、どのように対処するのですか。だから、私はあなたの助けを求めています。前もって感謝します。

Answer 1

/css/default.cssは、相対URLでもかまいませんが、絶対パスコンポーネントを持っています。これは、すべての参照がサーバールートに関連していることを意味します。

パスの相対URLが必要な場合は、先頭にある/を削除する必要があります。

css/default.css 

は、現在のドキュメントと同じディレクトリにあるリソースを参照します。