Okta身份验证，无法获取/隐式/回调

问题描述：

我在按照本指南https://developer.okta.com/quickstart/向我的React App添加身份验证。我已经根据指南设置了所有内容，并从演示预览网站获取了id令牌。日志表示身份验证成功并返回了一个id令牌。 This是重定向的样子。Okta身份验证，无法获取/隐式/回调

关于重定向，我得到这个错误无法在浏览器中显示/隐式/回调。我哪里做错了？

这是我的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-react-app模板。

我刚刚完成了React Quickstart中的步骤，并且能够让所有的东西都能正常工作。你可以在https://github.com/mraible/okta-react-quickstart找到我的项目。 –

我能够使用create-react-app模板启动并运行它。对于这个我使用CoreUi https://github.com/mrholek/CoreUI-React/tree/master/React_Starter。似乎无法让它在那里运行。如果没有太多的工作，你可以一目了然，看看是否可以在那里完成。非常感谢！ –

@MattRaible关于如何使用HashRouter而不是BrowserRouter完成此任何想法？ –

答

这是Webpack的一个问题。在webpack config中设置devServer.historyApiFallback: true和output.publicPath: '/'修复了这个问题。

HashRouter仍然没有工作，只好使用BrowserRouter。

Okta身份验证，无法获取/隐式/回调

相关推荐