以下のようなURLのサービスを作っているとします。
https://example.com/hoge-service/ ←ここがトップ画面
https://example.com/hoge-service/favorite
https://example.com/hoge-service/user/123456 ユーザーページ
https://example.com/hoge-service/js/common.js
https://example.com/hoge-service/image/banner.png
https://example.com/hoge-service/ がトップページで、そこより上へアクセスする事はありません
https://example.com/hoge-service-help ←これは無い
この時、どのページを表示していても任意のURL、例えば /hoge-service/js/common.js
への相対パスを作る方法を教えてください。
例えばトップページを基準に考えれば<script src="./js/common.js">
で良いですが
ユーザーページでは<script src="./../js/common.js">
と記載する必要があります。
scriptタグだけならテンプレートエンジンを書く時に注意する事も出来ますが、
実際にはjsの中からfetchでapiをコールする時とか、
スタイルシートの中でurl(./image/banner.png) にアクセスする時とか、
htmlの中でimgタグを書く時とか、
パスを書く場所は無数にあるので、そこを全てサーバー側で動的に作るのは骨が折れます。
hoge-service
の部分は環境変数で動的に変更されるとします。
サーバー側はnode+express+ejsである程度の自由は効きますが、
html css jsの中の全てのパスをレスポンス時動的に差し替える というのは避けたいです。