<p>我正在使用哈希路由来处理 React JS 应用程序。在本地环境中应用程序运行良好。</p> <p>例如https://stackoverflow.com/posts/ 应该是应用程序的 URL，但它不起作用，我必须使用 https://stackoverflow.com/posts/index.html 才能使其工作。</p> <p>部署后，我发现它正在下载名为“<strong>download</strong>”的空文件，而不是提供构建文件中预设的<strong>index.html</strong>文件。为了在服务器上运行构建，我使用 S3 和 CloudFront 架构。</p> <p>现在，我无法确定 HASH 路由是否行为错误或者 AWS 部署出现问题。</p> <p>使用 React JS 的代码片段</p> <pre class="brush:php;toolbar:false;">import React from 'react'; import ReactDOM from 'react-dom'; import { Provider } from 'react-redux'; import store from './redux/store'; import App from './App'; import reportWebVitals from './reportWebVitals'; import { HashRouter } from 'react-router-dom/cjs/react-router-dom'; ReactDOM.render( &lt;Provider store={store}&gt; &lt;HashRouter&gt; &lt;App /&gt; &lt;/HashRouter&gt; &lt;/Provider&gt; document.getElementById('root') );</pre> <p><strong>部分package.json内容</strong></p> <pre class="brush:php;toolbar:false;">{ &quot;name&quot;: &quot;loremipsum&quot;, &quot;version&quot;: &quot;0.1.0&quot;, &quot;private&quot;: true, &quot;homepage&quot;: &quot;/loremipsum/&quot; }</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"
    // ...
  }
}