<p>J'utilise le routage de hachage pour une application React JS. L'application fonctionne correctement dans l'environnement local. </p> <p>Par exemple, https://stackoverflow.com/posts/ devrait être l'URL de l'application mais cela ne fonctionne pas et je dois utiliser https://stackoverflow.com/posts/index.html pour le faire travail. </p> <p>Après le déploiement, j'ai remarqué qu'il téléchargeait un fichier vide nommé "<strong>download</strong>" au lieu de servir le fichier <strong>index.html</strong> Pour exécuter des builds sur le serveur, j'utilise l'architecture S3 et CloudFront. </p> <p>Pour le moment, je ne peux pas dire si le routage HASH se comporte mal ou s'il y a un problème avec le déploiement AWS. </p> <p>Extrait de code utilisant React JS</p> <pre class="brush:php;toolbar:false;">importer React depuis 'react'; importer ReactDOM depuis « react-dom » ; importer { Fournisseur } depuis 'react-redux' ; importer le magasin depuis './redux/store' ; importer l'application depuis './App' ; importer reportWebVitals depuis './reportWebVitals' ; importer { HashRouter } depuis 'react-router-dom/cjs/react-router-dom' ; ReactDOM.render( <Magasin du fournisseur={magasin}> <HashRouter> <Application /> </HashRouter> </Fournisseur> document.getElementById('root') );</pré> <p><strong>Partie du contenu package.json</strong></p> <pre class="brush:php;toolbar:false;">{ "nom": "loremipsum", "version": "0.1.0", "privé" : vrai, "page d'accueil": "/loremipsum/" }</pre></p>

{
  "name": "loremipsum",
  "version": "0.1.0",
  "private": true,
  "homepage": ".",
  "scripts": {
    "build": "react-scripts build",
    "build-prd": "PUBLIC_URL=http://www.foo/relativepath react-scripts build"
    // ...
  }
}