在生產模式下部署reactJS應用程序 - 路由問題

在生產模式下部署後，我遇到了一些路由問題。（我的應用在aws S3 Bucket上運行）一切正常，只有路由有一些問題。在生產模式下部署reactJS應用程序 - 路由問題

匹配不知道路由是問題。我有以下路由：

import {BrowserRouter as Router, hashHistory, Switch, NavLink, Route} from "react-router-dom"; 

<Provider store={store}> 
    <AppContainer> 
     <Router history={createHistory}> 
      <div> 
       <ThemeProvider theme={theme}> 
        <div className={i.content}> 
         {/*Switch is for Error Routing*/} 
         <Switch> 
          <Route exact path="/" component={() => (<Logins foo={"test"} loginHandler={this.props.loginHandler}/>)}/> 
          <Route path="/logout" component={() => (<Logins foo={"test"} loginHandler={this.loginHandler}/>)}/> 
          <Route path="/signup" component={() => (<SignUp loginHandler={this.loginHandler}/>)}/> 
          <Route path="/imprint" component={() => (<Impressum/>)}/> 
          <Route path="/verification/:verificationToken/:verificationEmail" component={() => (<Verification/>)}/> 
          <Route component={() => (<Error/>)}/> 
         </Switch> 
         <div className={i.footer}> 
          <a href="https://johner-institut.de" target="_blank">{t('application:made')} <img src={jilogo} width="8px;"/> 
          </a> | <NavLink to="/imprint">{t('application:imprint')}</NavLink> | <LanguageChooserSmall/> 
         </div> 
        </div> 
       </ThemeProvider> 
      </div> 
     </Router> 
    </AppContainer> 
</Provider>

已知的路線工作正常。但在錯誤的情況下，交換機應該影響所有不知道的路由應該被重定向到<Route component={() => (<Error/>)} />，但那不工作...

可能是什麼問題？

來源

2017-08-11 Felix

你得到任何錯誤或任何東西？ '不工作'不是很具描述性。 –

它返回一個404找不到 – Felix

和404來自服務器？ –

嘗試在cloudfront中的custom error response設置中將response page path設置爲index.html。

來源

2017-08-11 10:11:17

在生產模式下部署reactJS應用程序 - 路由問題

回答

相關問題