PHPStormのビルトインサーバーで絶対パスを使用する方法

Mac版PHPStormを使用しています。

HTMLファイルをローカルで確認したいのですが、
画像ファイルが絶対パスで記述されており、リンク切れで表示されません。

以下のようなパス構造です。

Project
 site01
  index.html
 site02
  index.html
 images
  image01.png(この画像が読み込めない)

原因は実行時のパスが
http://localhost:63342/Project/site01/index.html
となっており、
/images/image01.png
と記載されている画像が読み込めていないためだと思います。

マッピングの設定をいじってみたのですが、正しい設定の仕方が分からず困っています。
設定の仕方をご教示いただきたいです。

試してみた設定は以下です。
■接続
型：Local or mounted folder
フォルダー:上記Projectフォルダー
Web server URL:http://localhost:63342/
■マッピング
ローカルパス：上記Projectフォルダー
デプロイメント・パス：/
Webパス：Project/
■そのほか
Projectフォルダをリソース・ルートに設定
としております。
実行時のパスは
http://localhost:63342/Project/site01/index.html?パラメータ
になっています。
これだとHTMLはブラウザで見られますが、プロジェクトフォルダ直下のフォルダに置いてある各サイト共通の画像が404となります。

よろしくおねがいします。

追記:
依頼の通り、パスをコード表示いたしました。
今回は、外部に一時的なwebサーバーを立てて対応しましたが、
今後も同様のケースが発生した場合を考慮して質問を続けさせてください。
よろしくお願いいたします。

m.ts10806

2019/07/08 01:01 編集

>以下のようなパス構造です。平だと行頭の空白は詰められるので、マークダウンのcode機能を利用すると良いと思います。（それかExcelとかで図を作って画面キャプチャ）

m.ts10806

2019/07/08 02:52

ちなみにマッピングの設定ってどのようになっていますか？（あといじってみた内容もご提示願います）あくまでプロジェクトルートがきちんと設定できれば良いようには見えます

naop

2019/07/08 03:06

デプロイの設定で、 ■接続型：Local or mounted folder フォルダー:上記Projectフォルダー Web server URL:http://localhost:63342/ ■マッピングローカルパス：上記Projectフォルダーデプロイメント・パス：/ Webパス：Project/ ■そのほか Projectフォルダをリソース・ルートに設定としております。実行時のパスは http://localhost:63342/Project/site01/index.html?パラメータになっています。これだとHTMLはブラウザで見られますが、プロジェクトフォルダ直下のフォルダに置いてある各サイト共通の画像が404となります。

m.ts10806

2019/07/08 03:35

えっとできれば質問本文に追記いただければと。

m.ts10806

2019/07/08 04:45

index.htmlに書いてある内容次第ですが、/から始まる絶対パスではなく　.../images/image01.pngのように相対パスではダメなのでしょうか？

naop

2019/07/08 04:53

既存のindex.htmlは変更できず、またサイト数も多いので、ファイル側での対応は難しいです。。 index.htmlのパスは/images/image01.pngのように指定されています。もともと考慮されていないパス構造であれば諦めて、都度Webサーバーを別に立てようと思います。。。

m.ts10806

2019/07/08 04:56

なるほどそういうことですね。だとしたらシンボリックリンクとか有効かもしれませんね。