URL にindex.html を追加しないと React ビルドが正しく動作しません

Question

React JS アプリケーションにハッシュ ルーティングを使用しています。アプリケーションはローカル環境で正常に動作します。

たとえば、https://stackoverflow.com/posts/ をアプリケーションの URL にする必要がありますが、機能せず、https://stackoverflow.com/posts/index.html を使用する必要があります。仕事。

デプロイ後、ビルド ファイルでデフォルトの index.html ファイルを提供するのではなく、「down​​load」という名前の空のファイルをダウンロードしていることに気付きました。サーバー上でビルドを実行するには、S3 と CloudFront アーキテクチャを使用します。

現時点では、HASH ルーティングが誤動作しているのか、それとも AWS のデプロイメントに問題があるのか​​わかりません。

React JS を使用したコード スニペット

React を 'react' からインポートします。
「react-dom」から ReactDOM をインポートします。
import { Provider } から 'react-redux';
'./redux/store' からストアをインポートします。
「./App」からアプリをインポートします。
reportWebVitals を './reportWebVitals' からインポートします。
import { HashRouter } から 'react-router-dom/cjs/react-router-dom';

ReactDOM.render(
 <プロバイダストア={ストア}>
    <ハッシュルーター>
      <アプリ/>
    </ハッシュルーター>
  </プロバイダー>

  document.getElementById('ルート')
);

package.json コンテンツの一部

{
  「名前」: 「ロレミプサム」、
  「バージョン」: 「0.1.0」、
  「プライベート」: true、
  「ホームページ」: 「/loremipsum/」
}

Answer 1

サブディレクトリに展開する必要がありますか?その場合は、package.json ファイルの内容を変更して、index.html ファイルを基準にしてリソースが提供されるようにする必要があります。

リーリー

これにより、http://www.foo でホストされているアプリケーションを http://www.foo/relativepath または https に移動できるようになります。 //www.foo/bar1/bar2/ リビルドする必要はありません。

また、PUBLIC_URL をオーバーライドして、ファイルをホストするドメインとサブディレクトリを含める必要があります。