プロジェクトをwarファイルにまとめたいです。

Question

前提・実現したいこと

以下のフレームワークを使ってWebアプリを作っています。
サーバ側：Spring Boot 2.0.6
クライアント側：React.js 16.6.0

クライアント側はビルドを完了し、
{サーバ側プロジェクトフォルダ}\src\main\resources\static
に置いていました。
これを jar ファイル化してjarファイルを実行して動かすことが出来ていました。

その後、このアプリケーションを既にある tomcat 上に乗せることになったため、warファイルで出力する必要が出てきました。
pom.xmlを<packaging>war</packaging>と編集し、warとして出力しました。

発生している問題・エラーメッセージ

tomcat で実際にデプロイし、動作を確認したところ、Tomcatの404ページが出ます。
jarとしては実行出来ていて、warとして実行できない理由がわかりません。
考えられる原因と解決方法を教えていただきたく思います。

Answer 1

クライアント側のRouter機能として、react-router-domを使用していましたが、こちらがプロジェクト下の相対パスになっておらず、tomcatのROOTでしか反応してくれない状態となっていました。

<Router>
  <div>
    <Route exact path="/" component={Home} />
    <Route path="/tool/" component={Tool} />
  </div>
</Router>

相対パスとして./としても変わらなかったため、絶対パスでROOT以降のパスを入れました。

<Router>
  <div>
    <Route exact path="/app/" component={Home} />
    <Route path="/app/tool/" component={Tool} />
  </div>
</Router>

以上で動作するようにはなりましたが、実行環境がまだ確定していないため、/app/の部分は今後変わる可能性があります。.envファイルで変数化は行っているものの、変更の度に書き換えるのは面倒なので、相対パスで指定する方法があるのであれば知りたいです。
ご存知の方がいらっしゃればご教授願います。