2017-08-11 59 views
0

在生產模式下部署後,我遇到了一些路由問題。 (我的應用在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/>)} />,但那不工作...

可能是什麼問題?

+0

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

+0

它返回一個404找不到 – Felix

+0

和404來自服務器? –

回答

1

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