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

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

デプロイ後、ビルド ファイルでデフォルトの index.html ファイルを提供するのではなく、「download」という名前の空のファイルをダウンロードしていることに気付きました。サーバー上でビルドを実行するには、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/」 }