<p>我正在使用哈希路由來處理 React JS 應用程式。在本機環境中應用程式運作良好。 </p> <p>例如https://stackoverflow.com/posts/ 應該是應用程式的 URL，但它不起作用，我必須使用 https://stackoverflow.com/posts/index.html 才能使其工作。 </p> <p>部署後，我發現它正在下載名為“<strong>down​​load</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( <Provider store={store}> <HashRouter> <App /> </HashRouter> </Provider> document.getElementById('root') );</pre> <p><strong>部分package.json內容</strong></p> <pre class="brush:php;toolbar:false;">{ "name": "loremipsum", "version": "0.1.0", "private": true, "homepage": "/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"
    // ...
  }
}