reactJSアプリケーションの展開 - 運用モードでのルーティングの問題

Question

運用モードで展開した後にルーティングに関する問題が発生しました。 （私のアプリはaws S3 Bucketで実行されます）すべてうまくいきます。ルーティングだけに問題があります。

既知のルートが一致しないことが問題です。私は次のルーティングを持っています：

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/>)} />にリダイレクトされるはずですが、動作していません...

何が問題なのですか？

Answer 1

custom error responseの設定でresponse page pathをindex.htmlに設定してみてください。