反応設定のルーティングプレフィックスの問題を思い出してください

React でルートプレフィックスを設定する際の注意点が 2 つあります。

1. リソースは相対パスを使用します

デフォルトでは、React コンパイル済みリソースはルート パス / を使用します。これは次のようになります。

<script src="/static/js/2.dfc7d8c4.chunk.js"></script>

リソースの相対パスを使用する場合は、create-react-app の package.json にホームページ オプションを追加する必要があります。

{
  "name": "ground-listener-admin",
  "version": "0.1.0",
  "private": true,
  "homepage": "."
}

または、特定のプレフィックスを追加することもできます

2.ルーティングプレフィックス

フロントエンド ジャンプの実行時に正しいルートが照合できるように、反応ルーターに対してプレフィックスも設定する必要があります。

<Router basename={process.env.REACT_APP_PREFIX}>
    <App />
</Router>