Okta認証、GET /暗黙/コールバックできない

Question

私はこのガイドhttps://developer.okta.com/quickstart/に従っているので、React Appに認証を追加しています。私はガイドに従ってすべてを設定しました。デモプレビューサイトからIDトークンを取得します。ログには認証が成功し、IDトークンが返されます。 Thisは、リダイレクトの仕組みです。

リダイレクトでこのエラーが発生するブラウザでGET /暗黙的/コールバックを表示できません。どこで私は間違えましたか？

これは私のindex.jsが反応中にどのように見えるかです：

import { Security, SecureRoute, ImplicitCallback } from '@okta/okta-react'; 

ReactDOM.render((
    <HashRouter> 
    <Switch> 
     <Security issuer={config.issuer} 
        client_id={config.clientId} 
        redirect_uri={config.redirect_uri} > 
      <Route path='/' exact={true} component={Full}/> 
      <Route path='/implicit/callback' component={ImplicitCallback} /> 
     </Security> 
    </Switch> 
    </HashRouter> 
), document.getElementById('root')); 

私はそれがHashRouterとCoreUIとに何かを持っているかもしれないと思うが、私は、私はそれがで動作して得ることができるように正確な問題が何であるかを知りません通常のCreate-Reaction-Appテンプレート。

Answer 1

Webpackに問題がありました。 webpack configのdevServer.historyApiFallback: trueとoutput.publicPath: '/'を設定すると問題が解決しました。

HashRouterはまだ動作しませんでした、BrowserRouterを使用しなければなりませんでした。