Okta-Authentifizierung, GET/implizit/Rückruf

Question

Ich befolge diese Anleitung https://developer.okta.com/quickstart/, um die Authentifizierung meiner React App hinzuzufügen. Ich habe alles gemäß der Anleitung eingestellt, und ich bekomme das ID-Token von der Demo-Vorschau-Seite. Das Protokoll sagt, dass die Authentifizierung erfolgreich ist und ein ID-Token zurückgibt. This ist, wie die Weiterleitung aussieht.

Auf der Weiterleitung erhalte ich diesen Fehler Kann GET/implizit/Callback im Browser angezeigt werden. Was habe ich falsch gemacht?

Dies ist, wie mein index.js sieht aus wie in React:

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')); 

ich denke, es etwas mit HashRouter und CoreUI haben könnte, aber ich weiß nicht, was genau das Problem ist, wie ich es mit Laufen bekommen die normale create-react-app-Vorlage.

Answer 1

Es war ein Problem mit Webpack. Einstellung devServer.historyApiFallback: true und output.publicPath: '/' in Webpack-Konfiguration behoben das Problem.

HashRouter funktionierte immer noch nicht, musste BrowserRouter verwenden.